
10月 12, 2009 | Posted by 林翔
套件名稱:Reflection
版本: 2.0
說明:
Reflection.js 是一個只有 5Kb 的javascript套件,Reflection 可以產生圖片半透明、倒影等效果,運用的方式也很簡單,請見以下步驟。
1. 嵌入 Reflection.js 套件
<script type="text/javascript" src="reflection.js"></script>
2. 在要產生倒影的圖片上加入 class=”reflect” ,即可以產生倒影效果。
3. 其他選項的效果如 class="reflect rheight33 ropacity33"
rheight33:指的是倒影的高度為33%,當然你可以指定rheight40,rheight66或rheight100
ropacity33: 指的是不透明程式為33%,數值越小透明程式越高
更詳細的說明請參考 Reflection說明 , Reflection的demo
VN:F [1.8.1_1037]
Rating: 7.0/10 (3 votes cast)
VN:F [1.8.1_1037]
Categories: javascript |
Tags: javascript, 圖片透明倒影 |
No Comments »

10月 9, 2009 | Posted by 林翔
javascript 簡體中文手冊
JScript中文參考手冊
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: javascript |
Tags: javascript |
No Comments »

10月 9, 2009 | Posted by 林翔
程式名稱:ip2country
官網:http://phpweby.com/software/ip2country
demo:http://phpweby.com/demo/ip2country
程式說明:
ip2country 是一款 php 的免費程式,ip2country 本身有一個 ip 及 國家別的對映表,並記錄在mysql中。
範例:
<?php
include_once('ip2c/ip2country.php');
$ip2c=new ip2country();
$ip2c->mysql_host='localhost';
$ip2c->db_user='user';
$ip2c->db_pass='pass';
$ip2c->db_name='ip2country';
$ip2c->table_name='ip2c';
echo 'Your country name is '. $ip2c->get_country_name() . '<br>';
echo 'Your country code is ' . $ip2c->get_country_code();
?>
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: php |
Tags: ip查國家, php |
No Comments »

10月 7, 2009 | Posted by 林翔
套件名稱:progress
範例說明:
本文章示範多種進度條效果。
jsProgressBarHandler – 是一款以 prototype 為基礎的進度條效果。 demo按我

jQuery progress bars – 一個可以顯示上傳進度條的 jQuery 套件。 demo 按我

VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: javascript |
Tags: javascript, javascript 特效, jQuery, php, 進度條 |
No Comments »

10月 7, 2009 | Posted by 林翔
套件名稱:growl
版本:2.0
需求:mootools-1.2b2
範例說明:
growl 2.0 是一款以 mootools 為基礎的套件,growl 可以產生浮動視窗效果。 按我demo
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: javascript |
Tags: Growl, javascript, javascript 特效 |
No Comments »

10月 7, 2009 | Posted by 林翔
視窗和分頁快速鍵
| Ctrl+N 鍵 |
開啟新視窗 |
| Ctrl+T 鍵 |
開啟新分頁 |
| Ctrl+Shift+N 鍵 |
以無標題模式開啟新視窗 |
| 按下 Ctrl+O 鍵,然後選取檔案 |
使用「Google 瀏覽器」開啟您電腦上的檔案 |
| 按下 Ctrl 鍵的同時按一下連結 |
在後台的新分頁中開啟連結,但仍停留在目前分頁 |
| 按下 Ctrl+Shift 鍵的同時按一下連結 |
在新分頁中開啟連結,同時切換至新開啟的分頁 |
| 按下 Shift 鍵,然後按一下連結 |
在新視窗中開啟連結 |
| Alt+F4 鍵 |
關閉目前的視窗 |
| Ctrl+Shift+T 鍵 |
重新開啟最後關閉的分頁。「Google 瀏覽器」會記住最後關閉的 10 個分頁。 |
| 將連結拖至分頁 |
在指定的分頁中開啟連結 |
| 將連結拖至兩個分頁之間的位置 |
在新分頁中開啟連結,並顯示在分頁選項上指定的位置 |
| Ctrl+1 鍵到 Ctrl+8 鍵 |
切換至指定位置號碼的分頁。您按下的數字代表分頁選項上的分頁位置。 |
| Ctrl+9 鍵 |
切換至最後一個分頁 |
| Ctrl+Tab 鍵或 Ctrl+PgDown 鍵 |
切換至下一個分頁 |
| Ctrl+Shift+Tab 鍵或 Ctrl+PgUp 鍵 |
切換至上一個分頁 |
| Ctrl+W 鍵或 Ctrl+F4 鍵 |
關閉目前分頁或彈出式視窗 |
| Alt+Home 鍵 |
開啟您的首頁 |
網址列快速鍵
在網址列中進行下列其中一個動作:
| 輸入搜尋字詞 |
使用您的預設搜尋引擎執行搜尋 |
| 輸入「www.」和「.com」之間的網址部分,然後按下 Ctrl+Enter 鍵 |
系統會自動在網址列的輸入內容中加上 www. 和 .com 並開啟網址 |
| 輸入搜尋引擎關鍵字或網址,按下Tab 鍵,然後輸入搜尋字詞 |
使用與關鍵字或網址相關聯的搜尋引擎執行搜尋。如果「Google 瀏覽器」可以辨識您想要使用的搜尋引擎,會提示您按下 Tab 鍵。 |
| F6 鍵或 Ctrl+L 鍵或 Alt+D 鍵 |
反白顯示網址區域中的內容 |
| 輸入網址,然後按下 Alt+Enter 鍵 |
在新分頁中開啟您的網址 |
開啟「Google 瀏覽器」功能的快速鍵
| Ctrl+B 鍵 |
開啟和關閉書籤列 |
| Ctrl+Shift+B 鍵 |
開啟「書籤管理員」 |
| Ctrl+H 鍵 |
檢視 [記錄] 網頁 |
| Ctrl+J 鍵 |
檢視 [下載] 網頁 |
| Shift+Escape 鍵 |
檢視「工作管理員」 |
| Shift+Alt+T 鍵 |
將焦點設定在工具列上。使用鍵盤上的向右鍵和向左鍵瀏覽工具列上的不同按鈕。 |
網頁快速鍵
| Ctrl+P 鍵 |
列印目前網頁 |
| Ctrl+S 鍵 |
儲存目前網頁 |
| F5 鍵 |
重新載入目前網頁 |
| Esc 鍵 |
停止載入目前網頁 |
| Ctrl+F 鍵 |
開啟 [在網頁中尋找] 方塊 |
| 按一下滑鼠上的中間按鈕或滑鼠滾輪 (僅適用於「Google 瀏覽器」測試版 [僅英文版]) |
啟用自動捲動。移動滑鼠時,網頁會自動根據滑鼠的移動方向捲動。 |
| Ctrl+F5 鍵或 Shift+F5 鍵 |
重新載入目前網頁,忽略快取內容 |
| 按下 Alt 鍵的同時按一下連結 |
下載連結 |
| Ctrl+G 鍵或 F3 鍵 |
為 [在網頁中尋找] 方塊內輸入的內容,尋找下一個相符項 |
| Ctrl+Shift+G 鍵或 Shift+F3 鍵 |
為 [在網頁中尋找] 方塊內輸入的內容,尋找上一個相符項 |
| Ctrl+U 鍵 |
檢視原始碼 |
| 將連結拖至書籤列 |
將連結加入書籤 |
| Ctrl+D 鍵 |
將目前網頁加入書籤 |
| Ctrl++ 鍵,或按下 Ctrl 鍵的同時向上滾動滑鼠滾輪 |
放大網頁上的所有內容 |
| Ctrl+- 鍵,或按下 Ctrl 鍵的同時向下滾動滑鼠滾輪 |
縮小網頁上的所有內容 |
| Ctrl+0 鍵 |
將網頁上的所有內容都回復為正常大小 |
文字快速鍵
| 反白顯示內容,然後按下 Ctrl+C 鍵 |
將內容複製至剪貼簿 |
| 將滑鼠游標放在文字欄位內,然後按下 Ctrl+V 鍵或 Shift+Insert 鍵 |
從剪貼簿中貼上目前內容 |
| 將滑鼠游標放在文字欄位內,然後按下 Ctrl+Shift+V 鍵 |
從剪貼簿中貼上目前內容,不含格式 |
| 反白顯示文字欄位內的內容,然後按下 Ctrl+X 鍵或 Shift+Delete 鍵 |
刪除內容並將其複製到剪貼簿 |
| Backspace 鍵,或同時按下 Alt 鍵和向左鍵 |
前往該分頁瀏覽記錄中的前一個網頁 |
| Shift+Backspace 鍵,或同時按下 Alt 鍵和向右鍵 |
前往該分頁瀏覽記錄中的下一個網頁 |
| Ctrl+K 鍵或 Ctrl+E 鍵 |
在網址列中加入「?」符號。在「?」之後輸入搜尋字詞,即可使用預設搜尋引擎執行搜尋。 |
| 將滑鼠游標放在網址列中,然後同時按下 Ctrl 鍵和向左鍵 |
跳至網址列中的上一個字詞 |
| 將滑鼠游標放在網址列中,然後同時按下 Ctrl 鍵和向右鍵 |
跳至網址列中的下一個字詞 |
| 將滑鼠游標放在網址列中,然後按下 Ctrl+Backspace 鍵 |
刪除網址列中的上一個字詞 |
| 空白鍵 |
向下捲動網頁 |
| Home 鍵 |
前往網頁頂端 |
| End 鍵 |
前往網頁底端 |
| 按下 Shift 鍵的同時捲動滑鼠滾輪 (僅適用於「Google 瀏覽器」測試版 (僅英文版)) |
在網頁上水平捲動 |
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: 其他 |
Tags: chrome, javascript, 快速鍵 |
No Comments »

10月 6, 2009 | Posted by 林翔
套件名稱:coda-slider
系統需求:jQuery
套件說明:1..1.1
demo: 本地demo
coda-slider 是一款可以將文章做滑動效果的 jQuery 插件。
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: jQuery, javascript |
Tags: javascript, javascript 特效, jQuery, 滑動效果 |
No Comments »

10月 6, 2009 | Posted by 林翔
套件名稱:jQuery-checkbox
系統需求:jQuery
套件說明:1.3.0b1
demo: 本地demo
jQuery-checkbox 是一個修改 checkbox 樣式的 jQuer插件,修改的樣式如下所示。
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: jQuery, javascript |
Tags: checkbox, javascript, javascript 特效, jQuery |
No Comments »

10月 6, 2009 | Posted by 林翔
套件名稱:jQuery File Tree
系統需求:jQuery
套件說明:1.01
demo:http://abeautifulsite.net/notebook_files/58/demo/
套件下載:按我下載
jQuery File Tree 是一個用樹狀方式呈式檔案模式的套件,其中有一些不同呈現的效果,請見底下的demo。
VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Categories: jQuery, javascript |
Tags: javascript, javascript 特效, jQuery, 樹狀檔案 |
No Comments »