模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
JS打造立体旋转的图片特效_图片特效特效
查看演示效果
特效Tag：
图片旋转
添加
JS打造立体旋转的图片特效，两个图片做旋转切换，有立体感的效果，还有由大变小的变化，纵深感很强。
<html> <head> </title>图片特效</title> <SCRIPT language="JavaScript" type="text/javascript"> var wdmax=120; var wdmin=0; var inc=5; var rate = 50; var pause = 1000; var ff="flip"; function flipflop() { if (ff=="flip") { var wd = pic.width; wd = wd - inc; pic.width=wd; if (wd==wdmin) { pic.src="/jscss/demoimg/wall_s8.jpg"; inc=-inc; } if (wd==wdmax) { ff="flop"; inc=-inc; setTimeout("flipflop()",pause); } else { setTimeout("flipflop()",rate); } } else { var ht = pic.height; ht = ht - inc; pic.height=ht; if (ht==wdmin) { pic.src="http://p1.mb5u.com/texiao/1/20110225160500260.jpg"; inc=-inc; } if (ht==wdmax) { ff="flip"; inc=-inc; setTimeout("flipflop()",pause); } else { setTimeout("flipflop()",rate); } } } --> </SCRIPT> </head> <center> <body onLoad="javascript:flipflop()"> <TABLE border="0"> <th width="160"> <img src="http://p1.mb5u.com/texiao/1/20110225160500260.jpg" ID="pic"> </th> </TABLE> </body> </html>
所属频道：
图片特效特效
/
更新时间：2012-12-01
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
Js智能判断浏览器是关闭还是刷新
淘宝网缩略图预览生成大图的代码
JavaScript图片翻转，垂直和水平
纯CSS实现鼠标移上图片添加阴影效果
JavaScript 在网页上单击鼠标的地方显示图片
结合JavaScript,实现图片以渐显的方式自动播放
JS+CSS漂亮相册效果
成批图片单个依次向上循环滚动
jQuery 1.4 循环图片滚动
Google上有过的图片放大效果，使用了jQuery
猜你也喜欢看这些
JavaScript控制链接是否是在新窗口打开
CSS首字下沉
jQuery 3D文字特效演示
所有链接不停变色
滚动的链接导航
CSS省略号代码
波浪文字
颜色变幻像字符输入一样的欢迎词
文字来回上下移动或跳动
照明灯式
相关链接：
复制本页链接
|
搜索JS打造立体旋转的图片特效
特效说明：
图片特效模板
-
JS打造立体旋转的图片特效
。
。。