Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

向左滚动源码

[复制链接]
I_WANNA_fly! 发表于 2014-4-21 21:31:54 | 显示全部楼层 |阅读模式
DIY模块素材
模块类型: 门户类
展示风格: 标题列表
是否原创:
参考网址:www.0763yd.com
向左向左滚动源码
请复制如下代码至版块模版下
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 0px;
width: 100%;
}
#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">
<div class="module cl ml">
<ul>
[loop]
<li><a href="{url}" title="{title}"{target}>◆{title}</a></li>
[/loop]
</ul>
</div></div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=40; //数字越大速度越慢
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>


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-22 20:47 , Processed in 0.022199 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表