文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa

清风网络

QQ 电脑入门游戏操作系统图形图像办公软件媒体动画精文荟萃常用软件网页编程技术开发网络技术认证考试网站建设文章专栏

当前位置：清风网络学院 → 网站建设 → 网页特效 → 一种比较漂亮的控制图片移动的网页特效


	精品推荐


特别推荐

·常用辅助代码

·禁止网页页面刷新的特效代码

·网页星空动态星空背景特效代码

·随滚动条滚动的图片广告代码(图片还可以拖动)

·上下连续无间断滚动图像[网页特效]


热点TOP10

·常见网页可上下移动的右侧广告特效代码

·网页特效：一个很漂亮并且很实用的日历

·下拉透明的菜单代码[网页特效]

·循环不间断向上滚动的文本特效代码

·很Cool and Cool 的图形渐隐导航菜单栏

·特效代码：非常漂亮的鼠标提示的信息

·距离北京2008年奥运会开幕的倒记时特效

·网页制作中常用的几个简单的选项卡特效代码

·网页菜单特效通用的三级联动菜单

·具有渐变效果的下拉菜单特效代码[网页特效]

·滚动条颜色生成器II IE5.5+

·网站中比较不错的表单特效

·小技巧让你轻松DIY你的网页滚动条

·网页特效代码：检测 HTML 标签是否匹配

·用林登脚本语言实现第二人生脚本编程

·打开网页后定时显示大图片广告然后自动关闭

·第29届奥林匹克运动会网站图片切换特效

·网页教学网提供防止查看源代码的网页特效

·菜鸟也能玩转博客特效代码

·网易学院新闻图片切换特效代码倾情奉献

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

日期：2007年7月18日作者：查看:[大字体中字体小字体]

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

<style type="text/<a href="http://www.viphot.com/InfoList/Catalog_125_1.html" target="_blank" title="Css技巧 Css资讯" >Css</a>"> #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="<a href="http://www.viphot.com/InfoList/Catalog_110_1.html" target="_blank" title="javascript相关知识技巧" >javascript</a>:moveItem(1,tounum);"><img src="/uploadImages/2007-7-18/20077187573794497.jpg" width="129" height="97"></a> <a href="<a href="http://www.viphot.com/InfoList/Catalog_251_1.html" target="_blank" title="Java" >Java</a>script: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] 下一页

上一篇:关于网页中Flash弹出网页窗口的详细讲解

下一篇:照片处理 Photoshop制作逼真的影像效果

一种比较漂亮的控制图片移动的网页特效相关文章：

·qq空间皮肤背景代码：QQ空间不用Q币更换主页皮肤方法

·同一篇Word文档设置多个不同的页眉页脚

·使浏览网页速度马上就变快的方法

·DIV CSS网页布局实例：十步学会用CSS建站

·一个Struts实现分页,增删改查,Tiles,国际化的DEMO

·上网冲浪选谁更好七款主流网页浏览器评测

·asp.net(C#)海量数据表高效率分页算法（易懂，不使用存储过程）

·为什么iexplore.exe在打开网页时CPU使用会100%？

·40种网页常用小技巧

·C# GridView 排序及分页

一种比较漂亮的控制图片移动的网页特效相关软件：

·Dreamweaver 网页设计

·伊索寓言（彩图翻页版）

·古典网页模板

·photoshop cs 超梦幻网页创意宝典

·系列语言网页设计

·东方网页王III 正式版

·主页登陆注册系统

·日本几例网页模板

·现代风格的网页模板

·推荐-改变网页背景图片

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

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:vipcn