海水正藍

Basic Usage

 $(document).ready(function() {     $('div.thumb img').hoverpulse(); });         

Usage with Options

 $(document).ready(function() {     $('div.thumb img').hoverpulse({         size: 40,  // number of pixels to pulse element (in each direction)         speed: 400 // speed of the animation      }); });         

http://www.51xuediannao.com/JS/texiao/fangdajubu.html
圖片幻燈片
http://www.zurb.com/playground/jquery_image_slider_plugin
http://www.oschina.net/p/phzoom
看圖插件
http://phoetry.me/archives/phzoom.html
[phZoom] 是一個小巧的jQuery看圖插件.
  
==================================
  
當前版本: phZoom 1.23 RC
更新時間: 2011.11.05
  
使用方法:
  
1. 加載jQuery庫(需1.4+)
2. 加載phZoom.css, 請保證壓縮包內的兩張小圖片與phzoom.css同級目錄
3. 加載phzoom.js, 請保證其加載于jQuery庫之后
4. 調用接口:
  
$node.phzoom({
// 此處為設置項, 可留空
});
  
請把 $node 改為所需的jQuery選擇器, 如: $('a:has(img)')
  
不管如何調用, 請務必將調用代碼包在一個DOM Ready方法內, 如:
  
$(function(){
// 此處為上面的調用接口
});
  
以下為插件設置選項, 大括號結束前不要逗號
  
{
  
 layOpacity:0.7,     // 遮罩層不透明度, 默認0.7即為70%不透明
 layDur:300,         // 遮罩層漸顯的時間, 單位毫秒
 animDurA:300,       // 圖片從原位飛到熒幕中間的時間, 單位毫秒
 animDurB:300,       // 圖片從小到大的變化時間, 單位毫秒
 navColor:'#cf0',    // 上/下一張的文本顏色, 需要引號
 capColor:'#cf0',    // 大圖底部標題與索引的文本顏色, 需要引號
 limitWidth:false    // 若設為true, 特大圖將不會寬于窗口(保持寬高比)
  
}
圖片切換效果
http://jobyj.in/adipoli/
http://www.oschina.net/p/adipoli