George World

圍剿 Flash 的不僅有 HTML 5，還有 JavaScript，著名的 JavaScript 框架 jQuery 在運動特效方面已經越來越流暢，有時候你需要點一下右鍵來確認它不是 Flash。本文介紹了10個非常出色的 jQuery 運動特效，這些效果可以更有效地展示你的內容。

1. 流感導航菜單

下面的導航菜單，當鼠標在上面移動的時候，會很流暢地垂下解釋菜單，當你將鼠標在上面快速左右移動的時候，會懷疑這是 Flash。

2. 轉花燈

Roundabout 是一個 jQuery 插件，可以將一組 HTML 對象轉換為旋轉花燈的效果。

3. 拉洋片

拉洋片也許是 jQuery 最拿手的效果了。該效果在遇到 JavaScript 被禁用的場合會自動降級使用。

4. jQuery Quicksand 插件

這個讓人贊嘆的插件，可以對一組 HTML 對象重新洗牌，效果非常出眾。

5. 導航滑塊

這種風格的導航已經見于很多站點，鼠標在導航菜單上移動的時候，一個高亮指示條隨著鼠標滑動，指示當前的導航位置。

6. 文字的移動紋理

在文字上，顯示移動的紋理，效果美輪美奐。原理是，做一個帶透明文字的 PNG 圖像放在一個容器里，容器的背景放一張圖案，用 jQuery 移動容器的背景，很簡單，不過，不支持 IE6，因為 IE6 不支持 PNG。

7. jDiv: jQuery 導航 Tab

一個可以顯示豐富內容的下拉導航菜單（演示要翻墻）。

8. 基于 CSS3 和 jQuery 的半透明導航系統

鼠標在導航菜單上移動，顯示半透明的指示圖標。CSS3 做這個實在太容易了。

9. 云臺式拉洋片

常規的拉洋片效果要么左到右，要么右到左，或者垂直上下，這個 jQuery 效果可以象云臺那樣掃鏡頭。

10. SlideDeck

SlideDeck 是一種新穎的內容展示方式，有點類似 Outlook 的手風琴菜單，但視覺效果和用戶體驗更好一些。

本文來源：http://devsnippets.com/article/10-jquery-transition-effects.html

轉載自：http://blog.csdn.net/comsharp/archive/2010/03/02/5337530.aspx

<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm" mce_src="index.htm"></iframe>

目前HTML編輯器可以說是種類繁多, 特別是國外, 開源的商業的, 各種版本, 不一而足. 我只是簡單介紹幾個常見的免費/開源 的可視化HTML編輯器 (WYSIWYG).

HTMLArea

功能一般, 文件不大, 支持是幾種語言, 比較容易定制, 使用廣泛,支持IE/Firefox/Mozilla等多種瀏覽器. 遵循BSD版權, 目前最新版是3.0.

官方網站: http://www.htmlarea.com/

FCKEditor

龐大, 功能強大, 加載慢. 在很多地方使用廣泛, 比如CSDN的blog就是使用的這個. 功能也可以定制. 也支持多種瀏覽器, 遵循LGPL版權. 目前最新版是2.0

官方網站: http://www.fredck.com/

演示: http://www.fckeditor.net/demo/default.html

FreeTextBox

能定制編輯器界面, 包括Office 2000/Office XP/Office 2003 等界面, 運行速度一般, 功能還不錯, 能夠支持多種瀏覽器. 主要應用于ASP.net. 目前最新版是3.0.6.

官方網站: http://www.freetextbox.com/                 

演示: http://www.freetextbox.com/Default.aspx

aynHTML

界面比較象Windows, 美觀度一般, 加載速度尚快, 遺憾的是只支持IE, 目前最新版本是

官方網站: http://www.aine.be/aynhtml/

演示: http://www.aine.be/aynhtml/editor.html

SPAW Ediotr

支持多種瀏覽器, 界面比較漂亮,類似MAC風格, 功能一般, 加載速度中等, 支持PHP比較好. GPL版權,

官方網站: http://www.solmetra.com/

演示: http://www.solmetra.com/spaw/demo/demo.php

TinyMCE

界面相當清新, 適合素雅主義使用, 功能比較強大, 不遜色于FCKEditor, 但是加載速度委實比較慢, 支持多種瀏覽器, 使用LGPL版權, 目前最新版本是2.0

官方網站: http://tinymce.moxiecode.com/

演示: http://tinymce.moxiecode.com/example_full.php?example=true

XinHa

界面還可以, 加載速度比較慢, 但是比TinyMCE強點, 定制功能相當強大, 而且本身支持功能也很強大, 支持多種瀏覽器, 也可以把它跟HTMLArea比較一下. 基于BSD授權,

官方網站: http://xinha.python-hosting.com/

演示地址: http://xinha.gogo.co.nz/xinha-nightly/examples/full_example.html

skyWriter

功能比較強大, 使用比較復雜. 開發源代碼. 有興趣可以嘗試下.

官方網站: http://wysiwyg.skybuilders.com/

演示: http://wysiwyg.skybuilders.com/demos/skyWriter.html

---

還要許許多多的編輯器, 可以自己去發掘, 我上面發現的不過是一部分而已, 給網站制作一個參考.

想知道更多HTML編輯器, 可以訪問: http://www.geniisoft.com/showcase.nsf/WebEditors

源作者：heiyeluren       2005/09/26

看著個題目可能很玄乎，本來也想寫的玄乎玄乎的，但Google了一下，覺得沒有必要寫的這么玄乎，其實，今天我就是要給大家介紹一款非常優秀的基于python(能夠支持GAE)的blog程序而已，所以本文就言簡意賅，不過，我會從頭到尾，詳細的道來整個過程。

問題的提出：1.我國內的虛擬主機感覺速度時好時壞，總不令人滿意，所以有找一個穩定的主機的想法，但又不準備再花錢，因為國內和國外的主機買的時間也不長，也不想浪費金錢以及人力來搬家。2.幾天前了解了一下Google App Engine，其實Google的東西總是太好太強大，以至于我這樣的菜鳥只好避而遠之，但又看到K_Reverter已經將整個網站都搬到了GAE，并且還實現了許多強悍的功能，所以羨慕不已。所以，有想利用GAE做點東西的想法了，只是暫時不敢大動干戈，所以今天建立一個blog程序算是嘗試吧，更多的想法有待更多的嘗試。

Google App Engine，簡單的說就是一個Google提供的強大的開放的虛擬主機，每個用戶可以建立10個app，也就是10個網站，每個網站500M的空間，也就相當于5G的個人空間。不過，大家不要動歪腦筋，因為Google的限制中一個app只能最多1000個文件，單文件最大500K，所以基本上以為這空間可以放大容量文件的就死心吧。加上GAE提供的是python語言的支持，還不支持PHP，更不用說.NET了，同時還沒有MYSQL，自身提供的數據庫好像還是很不強大的，另外還不支持FTP，需要使用python上傳(不過還蠻好用)，加上python的程序本身就不多，Google的GAE又有很多的限制，所以基本上只有拿GAE看看的份了。

今天尋找了一下python+blog，不過效果不是很好，雖然許多大大們都說python開發blog簡直是小菜一碟，但我真的沒有找到幾個，可能國內的還不多吧。首先我找到的是pylogs，看了演示網站，覺得非常的不錯，簡潔明了，功能也是可以，于是就下載，上傳到GAE，結果500錯誤，在本地調試，也是500錯誤，難道pylogs用的是Django 1.0框架，而Google提供的是0.96的框架？當然，pylogs是需要MYSQL支持的，而DreamHost的MYSQL是支持外聯的，所以不應該存在問題。最后只好作罷。后來找到了這個micolog(官方網站(不過我這邊上不去，可能又被墻了)，下載地址，現在0.5版本)，看到這個的時候是驚喜的，配置完成后登陸到后臺完全是驚訝的，應該說這確實是一個非常不錯的blog程序了，并且和wordpress做的很像，功能也類似，打著GAE python blog的旗號，讓人非常喜歡。看看人家列舉的功能吧：

custom theme

tags and categories for the blog entry.

rich content editor by tinymce

import data from wordpress export file

menu & pages management.

cache enabled

implement wordPress API and metaWeblog API ,support client writer (such as window live writer)

看到上面這些功能我想基本上都夠用了吧。既然說到這里，那么我們做一下簡單的比較吧，我為什么要推薦這樣的一個blog。首先不管zblog還是wordpress都需要空間存放，那就需要購買虛擬主機，而如果用GAE則完全免費，并且GAE的速度是飛快的沒有怠機的(可能會有，但Google強大的集群技術應該不會出現這樣的情況)；其次，如果使用Google blog服務，雖然可以綁定自己的域名，但是總在頁面最上顯示Blogger的搜索和提示，總覺得不爽；再次，我想放自己的Google adsense怎么辦(Blogger是支持adsense的)？總覺自己做模板什么的靈活一些，Blogger的adsense存放位置可能不是很靈活。可能原因還有更多，當然GAE的缺點也是有的，比如可能被墻擋住，數據庫不容易控制等等。話題有點扯遠，甚至說到了GAE和虛擬主機的比較去了。從上面的功能上來看，tag和categories我覺得不用說，定制皮膚還不錯，我喜歡的是從wordpress導入、擁有pages功能和支持WLW，當然cache也不錯。所以，如果你想用Wordpress，那么你可以先用micolog+GAE建立一個bolg試試，免費加快速訪問，一定會讓你驚喜的。

回到正題，從頭開始講整個安裝設置，包括Windows live writer中的設置。

1.既然是使用GAE，那當然要注冊一個GAE吧，你只要有Gmail帳號就可以了。然后按照步驟建立一個app，這樣你就差不多得到你的網站名了，我注冊的是tangf2004，所以可以使用tangf2004.appspot.com這個Google提供的免費二級域名來訪問。

2.下載App Engine SDK。因為要用到這個來上傳app的。安裝SDK，桌面上就提供了一個Google App Engine的文件夾快捷圖標，進入該文件夾，看到的是一些py文件，不用管，只要知道dev_appserver.py是在本機模擬開發環境的，而appcfg.py是用于上傳等工作的，具體就去參考入門指南吧。

3.下載micolog，這是主程序當然要下載了。完成后是一個壓縮包，將該壓縮包解壓縮到Google App Engine所在目錄。

4.進入Google App Engine下的micolog目錄，用文本編輯器打開app.yaml文件，這是一個配置文件，只需要將第一行的application后的內容改成你所建立的app的ID就可以了，比如我的就是tangf2004。(要知道第一次就是因為沒有理解這個導致文件上傳到GAE都沒有成功，笨吧)

5.開始-運行-cmd，命令行進入到Google App Engine目錄，輸入命令：appcfg.py update micolog/，回車確定。第一次上傳的話會提示輸入Email，就是你自己注冊的Gmail地址，密碼也是你的gmail地址，然后提示一些信息，大致就是驗證通過、找到多少文件、開始上傳、結束上傳等信息，很快就完成了。(如第4點所說，如果app.yaml文件的ID是錯的那么你是上傳不成功的)

6.那就趕緊開始你的Blog之旅吧。登錄tangf2004.appspot.com就可以看到效果了。點擊右上角的admin就可以開始管理你的blog了。看一下簡單的后臺吧，和wordpress很像哦。

雖然看上去完工了，但后續工作還沒有完。下面再說幾件事情吧。

將該app綁定到一個自有的二級域名：

首先該域名是已經注冊了Google apps，如何注冊請看我的上一文：Google apps注冊以及解析ghs.google.com。(不過遺憾的是，好像我上文提供的ghs的替代IP又出問題了，下面留言的朋友提供的IP也不行，最后勉強又找了一個可用的IP。我懷疑徐明的博客就是因為墻擋住了而無法訪問)。

然后，進入到appengine中你剛剛建立的app的控制面板，在左側的管理工具欄中點擊Versions，有一個add domain的按鈕，就是它了，點擊進入下一頁面提示輸入域名，直接就是國際域名，比如我的就是sharesh.cn，如果你的域名還沒有注冊Google apps那么會提示無法繼續的。再繼續的話就是進入到Google apps的管理面板了，提示輸入域名，寫一個二級域名就可以了，所以我就寫了gae.sharesh.cn。確定后提示該二級域名的CNAME需要指向ghs.google.com，完成后才能確認點那個我已經完成了該操作的按鈕。(這里很簡單，圖片也不上了，寫的也很羅嗦，自己一步一步很容易搞定的)

最后，需要在域名中設置上一步中的二級域名的CNAME記錄。進入時代互聯的控制面板，域名VDNS管理，增加一個二級域名gde，我沒有使用CNAME，而是直接使用了A記錄，A記錄的IP設置為剛剛找到的可以訪問的ghs對應的IP就可以了。重啟VDNS，沒有等待幾秒，我就去點了上一步中的我已完成操作確認域名，竟然就直接可以用了，看來增加一個二級域名的DNS解析速度還是比較快的。

所以，你現在可以通過這兩個域名來訪問我的GAE上的blog程序了：GAE.sharesh.cn(我自己的二級域名)和Tangf2004.appspot.com(Google提供的免費二級域名)，兩者訪問的效果都是一樣的。

將wordpress數據導入micolog：

這一個步驟還是很簡單的，首先登錄wordpress的后臺，選擇導出，導出的是wordpress自有個是的XML文件。然后，登錄micolog后臺(忘了說了，micolog的登錄是和gmail已經集成了，看來又用到了gmail的API了，夠強悍)，在設置中的導入導出，選擇剛才導出的XML文件直接導入到wordpress中，即可，非常的簡單而方便。順便要提一下的是，wordpress的固定鏈接，在micolog中也存在，所以，如果你真的準備搬家到GAE，那么可以使用完全一致的固定鏈接，對于SEO來說是不會有影響的，這一點做的非常的不錯。

只是，我在導入的時候我碰到了一個問題，竟然導入中斷掉了，試了好幾次都不成功，沒有辦法只好看XML文件，最后發現竟然有幾個圖片也導出成文章了，我把由圖片生成的item刪除，最后導入成功了，可能是wordpress的bug。

使用Windows live writer寫blog：

上次我就寫了一個文章推薦Windows live writer，沒有看過的就回看一下我的文章吧：推薦：Windows live writer 2009(附WIN2003下安裝方法)。用WLW來離線寫作真的非常的棒，而micolog是和wordpress一樣也是支持WLW離線寫作的。

首先登錄micolog后臺設置中的基本設置，在最下面有一個客戶端（Xmlrpc）調用設置，這里寫上你的用戶名和密碼，這樣就可以支持WLW了。

然后是配置WLW，在WLW中新增一個日志賬戶，其中提供者和接入地址，需要按下圖填寫。(這也是網上找的，不然也不會寫這一點)。類型選擇wordpress2.2+，接口為網址后面加/rpc，比如我的就是http://gae.sharesh.cn/rpc。經過我的測試，上傳圖片，嵌入iframe等都沒有問題，并且WLW的縮略圖等都支持，圖片直接上傳到GAE的空間，非常的不錯。

至此，使用GAE建立blog的過程已經全部完畢，你是否也心癢癢的要建立一個呢？那就趕緊開始吧。

整個blog的尋找建立并摸索大概花了我小半個下午，而寫此篇日志卻花了我三個小時，郁悶，看來寫日志真的不是一件容易的事情。不過，欣慰的是，我的網站又多了一個鏡像，只是在考慮要不要真的把站點搬過去呢，我是要忍受不了國內主站的速度了。

====================

早上的時候又找了一個python blog列表，開源Python博客列表（fromGoogle App Engine 中文觀察）：
Plog http://code.google.com/p/pyweblog/ 示例: http://plog.appspot.com
n23 http://code.google.com/p/n23/ 示例: http://n23.appspot.com/blog
xian-min http://code.google.com/p/xian-min/ 示例: http://xian-min.appspot.com
tublog http://code.google.com/p/tublog/ 示例: http://ether.appspot.com
NiuBi http://code.google.com/p/niubi/ 示例: http://niubi.appspot.com
onlypy http://code.google.com/p/onlypy/ 示例: http://onlypython.appspot.com
英文
Potlatch Blog http://github.com/araddon/potlatchblog/tree/master DEMO: http://aaronspotlatch.appspot.com/
Bloog http://github.com/DocSavage/bloog/tree/master DEMO: http://bloog.appspot.com/

Rover.Tang , tfljh@163.com
http://Tangf.CnBlogs.Com
http://www.ShareSh.cn

轉載自：http://www.cnblogs.com/Tangf/archive/2009/02/23/1374539.html

轉自http://blog.matrix.org.cn/page/Kaizen/?anchor=jtable_%E6%98%BE%E7%A4%BA%E5%9B%BE%E7%89%87

JTable 顯示圖片

Posted on Saturday 2006年01月07日

今天在matrix上面看到的一個關于jtable顯示圖片的問題，以前我也沒有實現過，今天在網上查找了半天，終于是有所了解。原來最基礎的AbstractTableModel的getColumnClass不管你列中的類是什么都返回Object.class，而DefaultTableModel并沒有覆蓋這個方法，JTable中的DefaultTableCellRenderer對Object類的顯示處理就是取Object.toString，然后將內容顯示，所以不處理的話，程序將會顯示圖片路徑.
所以需要繼承AbstractTableModel 并覆寫getColumnClass（）
public Class getColumnClass(int c) //關鍵所在，取得對象類
{
   return getValueAt(0, c).getClass();
}

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package test.util;

/**
*
* @author Administrator
*/
public class StringUtil {

    public StringUtil() {
    }

    /**
     * 將指定byte數組以16進制的形式打印到控制臺
     * @param hint String
     * @param b byte[]
     * @return void
     */
    public static String printHexString( byte[] b) {
        StringBuffer returnValue = new StringBuffer();
        for (int i = 0; i < b.length; i++) {
            String hex = Integer.toHexString(b[i] & 0xFF);
            if (hex.length() == 1) {
                hex = '0' + hex;
            }
            System.out.print(hex.toUpperCase() + " ");
            returnValue.append(hex.toUpperCase() + " ");
        }

        return "[" + returnValue.toString() + "]";
    }

    /**
     *
     * @param b byte[]
     * @return String
     */
    public static String Bytes2HexString(byte[] b) {
        String ret = "";
        for (int i = 0; i < b.length; i++) {
            String hex = Integer.toHexString(b[i] & 0xFF);
            if (hex.length() == 1) {
                hex = '0' + hex;
            }
            ret += hex.toUpperCase();
        }
        return ret;
    }

    /**
     * 將兩個ASCII字符合成一個字節；
     * 如："EF"--> 0xEF
     * @param src0 byte
     * @param src1 byte
     * @return byte
     */
    public static byte uniteBytes(byte src0, byte src1) {
        byte _b0 = Byte.decode("0x" + new String(new byte[]{src0})).byteValue();
        _b0 = (byte) (_b0 << 4);
        byte _b1 = Byte.decode("0x" + new String(new byte[]{src1})).byteValue();
        byte ret = (byte) (_b0 ^ _b1);
        return ret;
    }

    /**
     * 將指定字符串src，以每兩個字符分割轉換為16進制形式
     * 如："2B44EFD9" --> byte[]{0x2B, 0x44, 0xEF, 0xD9}
     * @param src String
     * @return byte[]
     */
    public static byte[] HexString2Bytes(String src) {
        byte[] ret = new byte[8];
        byte[] tmp = src.getBytes();
        for (int i = 0; i < 8; i++) {
            ret[i] = uniteBytes(tmp[i * 2], tmp[i * 2 + 1]);
        }
        return ret;
    }
}

在mysql的bin目錄下執行：

mysqldump --user=用戶名 --password=密碼 --database 數據庫名 >備份文件的路徑【可以是完整物理路徑】

如：

mysqldump --user=root --password=root --database test > E:\mysqlBackupFile\test_backup.sql

     摘要:   #include <QApplication> #include <QtGui> #include <QLayout> #include <QStyle>  class TitleBar : public QWidget { &n...  閱讀全文