当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS网页特效代码:切割网页图片特殊效果

Javascript
很多人都是用下面的js刷新站IP和PV
javascript仿126邮箱TAB切换效果
js右下角弹出窗口,点击可关闭效果
javascript使用window.name解决跨域问题
DIV层之拖动、关闭、打开效果代码
Javascript条件判断使用小技巧总结
javascript获取不重复的随机数的方法比较
Firefox下设为主页的JavaScript代码
JavaScript编制留言簿程序代码
javascript表格随机排序代码
javascript一些不错的函数脚本代码
javascript之textarea打字机效果提示代码推荐
js实现的类似QQ的等级的代码
js检查是否全是中文
[原创]js判断是否有中文的脚本_js判断中文方法集合
js判断输入是否中文,数字,身份证等等js函数集合
js直接编辑当前cookie的脚本
jquery 必填项判断表单是否为空的方法
javascript高亮效果的二种实现方法
JavaScript基本入门语法集合

Javascript 中的 JS网页特效代码:切割网页图片特殊效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 348 ::
收藏到网摘: n/a

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 全部选择 提示:你可先修改部分代码,再按运行]