一种比较漂亮的控制图片移动的网页特效

• 一种比较漂亮的控制图片移动的网页特效

  <style type="text/css"> #mainid{position:absolute;right:5px;top:10px;height:435px;width:650px;overflow:hidden;background:#fff;left: 400px;border: 3px solid #666666;} .imgbox{position:absolute; left:35px; margin-top:20px; top:105px; z-index:90; width:100px;height:100px;background:#ffffff} .moveimgbox{position:absolute; left:700px; margin-top:20px; top:105px; z-index:90; width:100px;height:100px;background:#ffffff} </style> <script> var ticked=0; var okayToGo = true; var currentCreature = 1; var forwardBackward = 1; var firstnum = 1; var secnum = 2; var tounum=1; function moveItem(firstnum,secnum){ if(okayToGo&& firstnum != secnum){ tounum=firstnum; document.getElementById("y"+firstnum).style.zIndex = 50+10*forwardBackward; document.getElementById("y"+secnum).style.zIndex = 50+20*forwardBackward; startTheMove =window.setInterval(function(){rightOrLeft(firstnum,secnum)},20); } } function rightOrLeft(firstnum,secnum) { if (ticked == 1020) { window.clearInterval(startTheMove); ticked = 0; forwardBackward = 1; okayToGo = true; } else { okayToGo = false; thisAngle = (Math.PI/2)*(ticked/1000); document.getElementById("y"+firstnum).style.left = " "+(735-Math.sin(thisAngle)*700)+"px"; document.getElementById("y"+firstnum).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle)*55))+"px"; document.getElementById("y"+secnum).style.left = " "+(735-Math.sin(thisAngle+Math.PI/2)*700)+"px"; document.getElementById("y"+secnum).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle+Math.PI/2)*55))+"px"; ticked += 20; } } </script> <a href="javascript:moveItem(1,tounum);"><img src="/uploadImages/2007-7-18/20077187573794497.jpg" width="129" height="97"></a> <a href="javascript:moveItem(2,tounum);"><img src="/uploadImages/2007-7-18/20077187573957608.jpg" width="134" height="100"></a><br/> <a href="javascript:moveItem(3,tounum);"><img src="/uploadImages/2007-7-18/20077187574181476.jpg" width="134" height="100"></a> <a href="javascript:moveItem(4,tounum);"><img src="/uploadImages/2007-7-18/20077187574218465.jpg" width="101" height="134"></a> <div align="right" id="mainid"> <div id="y1" class="imgbox"><img src="/uploadImages/2007-7-18/20077187573794497.jpg" width="400" height="300"></div> <div id="y2" class="moveimgbox"><img src="/uploadImages/2007-7-18/20077187573957608.jpg" width="400" height="300"></div> <div id="y3" class="moveimgbox"><img src="/uploadImages/2007-7-18/20077187574181476.jpg" width="387" height="290"></div> <div id="y4" class="moveimgbox"><img src="/uploadImages/2007-7-18/20077187574218465.jpg" width="281" height="374"></div> </div>

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 一种比较漂亮的控制图片移动的网页特效 相关文章：
• ·学习CSS制作网页的多个经验技巧
• ·把网页保存为图片 换种方式收集有用资料
• ·学习CSS制作网页总结的一些经验技巧
• ·用JavaScript刷新框架子页面的方法
• ·网页排名靠前网页标题写法
• ·Excel表格页码设置打印输出更直观
• ·小技巧让你轻松DIY你的网页滚动条
• ·防止网页被盗用　网页加密完全攻略
• ·上网冲浪选谁更好 七款主流网页浏览器评测
• ·轻松把任何网页工具放进Vista侧边栏
• 一种比较漂亮的控制图片移动的网页特效 相关软件
• ·武侠经典翻页《江湖奇侠传》完美版
• ·彩色翻页书:森林唱游
• ·金猪献礼：《刘继卣画谱》[exe翻页]
• ·《卢延光白描人物画》[图集] [exe翻页]
• ·旅游丛书《青海旅游》翻页有声版
• ·迪士尼历年精品卡通电影海报（翻页）
• ·150年前的上海-人民广场（翻页）
• ·美丽元素－多个美容小技巧（翻页）
• ·石涛画集（翻页）.part1
• ·《水墨江南》——两组水乡国画（1024×768）翻页

上一篇:外国货：五个简单好用的网络硬盘网站

下一篇:Fireworks教程：绘制性感CG美女教程

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐