js实现文字字幕滚动
<div class="dggd_r" id="h" style="height:400px;overflow:hidden;display:inline;float:left;">
<ul id="h1">
<li><a href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？真爱吗？ </a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？ </a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？细节决定成败 </a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a href="#">你单身的主要原因？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？ </a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？</a></li>
</ul>
<ul id="h2"></ul>
</div>
<script type="text/javascript">
var speed=40;
var h2=document.getElementById("h2");
var h1=document.getElementById("h1");
var h=document.getElementById("h");
h2.innerHTML=h1.innerHTML;
function Marquee(){
if(h2.offsetTop-h.scrollTop<=0){
h.scrollTop-=h1.offsetHeight;
}
else{
h.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
h.onmouseover=function() {clearInterval(MyMar)}
h.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
功能的实现只需这些代码即可 ，当然如果不行，就是div的高度有问题。
最新文章
- ActiveMQ消息队列的使用及应用
- tomcat发布脚本
- Tomcat启动报错整理
- WinForm------GridControl单元格内容修改外表样式
- Python语言十分钟快速入门
- Linux查看程序端口占用情况
- CF451C Predict Outcome of the Game 水题
- Qt工程转化为Vs工程
- paip.取当天记录的方法sql跟hql hibernate
- Android白天/夜间模式Day/Night Mode标准原生SDK实现
- BootCamp支持软件4/5
- Selenium2Library系列 keywords 之 _SelectElementKeywords 之 get_selected_list_value(self, locator)
- guslterFS
- JAVA学习：内部类
- Java Properties类源码分析
- ★浅谈Spanking情节
- 【python】入门：打印字符串、简单计算
- Linux nohup 命令
- bzoj 2588 树上主席树
- 用node探究http缓存