设为首页收藏本站

站长之家.源码之家.wap站长之家.wap源码之家

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 域名 空间 程序
查看: 3183|回复: 0

柯林非常美观的缩略图片向左滚动

[复制链接]

197

主题

197

帖子

2804

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2804

优秀版主荣誉管理

发表于 2014-11-16 10:49:29 | 显示全部楼层 |阅读模式
代码如下:<style type=“text/css“>
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 100%px;
}
#demo img {
border: 1px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}

-->
</style>
<div align=center><div id=“demo“>
<div id=“indemo“>
<div id=“demo1“>
<a href=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“ /></a>
<a href=“www.aouchina.com/...p?id=8“ target=“_blank“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“/></a><a href=“www.aouchina.com/...id=300“ target=“_blank“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“/></a><a href=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“/></a><a href=“www.aouchina.com/...id=359“ target=“_blank“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“/></a><a href=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“/></a><a href=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“><img src=“http://digg.chinaxy.org/attachme ... 2ecaca1f8feaf8d.jpg“ border=“0“ width=“100“ height=“125“/></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></div>
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

友情提示: 没有图片帖子!

申请友链 |Archiver | 站长之家讨论论坛

© 2012-2015 站长之家( 浙ICP备14006854号 ) GMT+8, 2018-7-21 21:40 , Processed in 0.280010 second(s), 38 queries . Powered by kuhack.net X3.2    

禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.如遇版权问题,请及时联系点击这里给我发消息

今天是: | 本站已经安全运行: //这个地方可以改颜色

低部图片

返回顶部