DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 圖片效果集合(js、jquery或html5)
圖片效果集合(js、jquery或html5)
編輯:關於JavaScript     

1.jQuery HTML5 幻燈片
使用支持HTML5的浏覽器會有特殊效果,即切換圖片時顏色的改變
文章:http:///a/bjac/b8i3xdui.htm
效果:http:///keleyi/phtml/html5/1.htm


 HTML5幻燈片


 


2. jQuery圖片延遲加載
一開始不加載實圖,只用灰圖占位,當圖片出現在視線中才加載實圖,減少對服務器的壓力。
效果網址:http:///keleyi/phtml/image/index.htm
文章網址:http:///a/bjac/et551617.htm
延遲加載



3.jquery使用ColorBox彈出圖片組浏覽層
使用ColorBox插件彈出圖片組浏覽層,半透明背景
文章:http:///a/bjac/141932b419e08101.htm
效果:http:///keleyi/phtml/colorbox/
colorbox



4.HTML5和jQuery實現彩圖變灰與還原
初始時圖片灰色,光標懸停彩色,離開又變灰色。
文章:http:///a/bjac/hso1iuv7.htm
效果:http:///keleyi/phtml/image/2/
灰色與還原



5. js插件使彩圖變灰
使用javascript使彩圖變灰,支持IE和Opera,而Chrome則支持得不好。


效果:http:///keleyi/phtml/image/3.htm
文章:http:///a/bjac/n2lodhc5.htm
美眉



6.在圖片上顯示左右箭頭的翻頁
效果:http:///keleyi/phtml/picnext/
文章:http:///a/bjac/a6e756c811719fff.htm
圖片翻頁



7.龍舟比賽
用javascript讓靜態的圖片動起來。
效果:http:///keleyi/phtml/duanwu/index.htm
文章:http:///a/bjac/trj18bxu.htm
端午


 


8.jquery圖片輪播切換
效果:http:///dev/453467666cab56d0.htm
文章:http:///dev/453467666cab56d0.htm
青草


9.純js畫圖像,是圖片不是圖形
文章:http:///a/bjac/yg5xnh2t.htm
效果:http:///keleyi/phtml/image/4.htm
美女


10.HTML5特效 觸須
文章:http:///a/bjac/k3pi4ehx.htm
效果:http:///keleyi/phtml/html5/2.htm
觸須

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved