圖片透明倒影 Reflection

套件名稱: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]
Rating: 0 (from 0 votes)
  • Share/Bookmark

javascript 簡體中文手冊

javascript 簡體中文手冊

JScript中文參考手冊

VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Rating: 0 (from 0 votes)
  • Share/Bookmark

ip2country 從ip查詢國家

程式名稱: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]
Rating: 0 (from 0 votes)
  • Share/Bookmark

progress bar 多個進度條效果

套件名稱:progress
範例說明:
本文章示範多種進度條效果。

jsProgressBarHandler – 是一款以 prototype 為基礎的進度條效果。  demo按我
jsProgressBarHandler1

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

VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Rating: 0 (from 0 votes)
  • Share/Bookmark

浮動視窗效果

套件名稱: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]
Rating: 0 (from 0 votes)
  • Share/Bookmark

google chrome快速鍵一覽表

視窗和分頁快速鍵

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]
Rating: 0 (from 0 votes)
  • Share/Bookmark

jQuery Gallery 圖片動畫顯示集

套件名稱:jQuery Gallery
系統需求:jQuery

本文章集合一些 jQuery 運用在圖片上的效果。

Space Gallery – 是一款很炫用 3D 方式顯示圖片的效果。  demo按我

jQuery Cycle Plugin - 是一款值得推薦的圖片顯示效果,輕巧且包含很多顯示效果。

EOGallery – 是一款結合 jQueryCody Lindley 和 Thickbox 顯示圖片效果的套件。

piroBox – 也是一款非常特別的顯示效果。

zoomimage – 也是一款挺特別的秀圖套件。

MooFlow – 再推一款超酷的show圖程式,不但有魚眼效果,還可以使用滑鼠中間的滾輪瀏覽圖片喔。  按我demo

VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Rating: 0 (from 0 votes)
  • Share/Bookmark

很酷的滑動效果 coda-slider

套件名稱: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]
Rating: 0 (from 0 votes)
  • Share/Bookmark

jQuery checkbox樣式修改

套件名稱: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]
Rating: 0 (from 0 votes)
  • Share/Bookmark

jQuery 樹狀檔案

套件名稱: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]
Rating: 0 (from 0 votes)
  • Share/Bookmark