模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
精美图片滚动_图片特效特效
查看演示效果
特效Tag：
图片滚动
添加
精美的JS图片水平向左滚动，设计的比较好，看上去视觉效果很不错。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <title>图片滚动</title> </head> <body> <style type="text/css"> <!-- #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } --> </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160504300.gif" border="0" /></a> <a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160504300.gif" border="0" /></a> <a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160504300.gif" border="0" /></a> <a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160504300.gif" border="0" /></a> <a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160504300.gif" border="0" /></a> <a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160504300.gif" border="0" /></a> </div> <div id="demo2"></div> </div> </div> <script> <!-- var speed=10; var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; function Marquee(){ if(tab2.offsetWidth-tab.scrollLeft<=0) tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); tab.onmouseover=function() {clearInterval(MyMar)}; tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; --> </script> </body> </html>
所属频道：
图片特效特效
/
更新时间：2012-12-19
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
带图片的鼠标悬停提示
图片友情链接滚动,横向,带控制按钮
在同一页面拖动多个图片
仿FLASH图片光照特效
腾讯QQ网站的Js图片切换
图片旋转展示，仿腾讯QQ网的特效
JS拖拽放大拉伸图片
鼠标接触或者离开图片时，图片大小会相应变化
JavaScript仿2010世博会主页flash焦点图片切换
可控制切换的图片幻灯切换效果
猜你也喜欢看这些
可打开无数窗口
链接文字下划线悬停变色功能的实现
Js打字效果，逐一出现的文字
液晶屏文字
鼠标滑过文字变色的JS
JavaScript 文字拖动
让链接分顺序，必须先点击其它链接，类似广告效果
sup标签实现文字上标、下标
鼠标onmouse链接时复选框的状态变为checked
单选按钮决定链接的网址
相关链接：
复制本页链接
|
搜索精美图片滚动
特效说明：
图片特效模板
-
精美图片滚动
。
。