DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS網頁特效代碼:切割網頁圖片特殊效果
JS網頁特效代碼:切割網頁圖片特殊效果
編輯:關於JavaScript     

網頁制作poluoluo文章簡介:JS效果之圖片切割.

JS效果之圖片切割

DEMO1(隨機出現): http://cnwander.com/demo/puzzle_effect/
機器配置好的可以將圖片切得更細一點 (變量xNum,yNum)
DEMO1(規則運動): http://cnwander.com/demo/puzzle_effect/index2.html
測試:IE6、IE7、FF3.014
原文:http://cnwander.com/blog/?p=13

突發奇想的效果,主要突出構思,效果還比較粗糙,好好創意一下,應該可以引申出一些比較有新意的圖片切換效果。
沒什麼特別的東西,至於思路,有興趣的同學自己看DEMO吧。

效果一(隨機出現):

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

效果二(規則運動):

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

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