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的高度有问题。
js实现文字字幕滚动的更多相关文章
- js实现文字上下滚动效果
大家都知道,做html页面时,为了提升网页的用户体验,我们需要在网页中加入一些特效,比如单行区域文字上下滚动就是经常用到的特效.如下图示效果: <html> <head> &l ...
- js 实现文字列表滚动效果
今天要实现抽奖名单在首页滚动展示的效果,就用js写了一个,代码如下: html代码: <style type="text/css"> *{margin:;padding ...
- js标题文字向上滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...
- js实现文字横向滚动
页面布局 <div id="scroll_div" class="fl"> <div id="scroll ...
- js实现文字上下滚动
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 利用js来实现文字的滚动(也就是我们常常见到的新闻版块中的公示公告)
首先先看一下大致效果图(因为是动态的,在页面无法显示出来) 具体的实现代码如下: 1.首先是css代码: <style type="text/css"> body,ul ...
- js文字向上滚动代码
js文字向上滚动代码 <style>.pczt_pingfen_jhxs_news1{ width:397px; background:#edfafd; padding-top:2px; ...
- js 实现文字滚动功能,可更改配置参数 带完整版解析代码。
前言: 本人纯小白一个,有很多地方理解的没有各位大牛那么透彻,如有错误,请各位大牛指出斧正!小弟感激不尽. 本篇文章为您分析一下原生JS写文字滚动效果 需求分析: 需要 ...
- jQuery实现公告文字左右滚动
jQuery实现公告文字左右滚动的代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
随机推荐
- C# String.Format大全 去 decimal 后面的 0
转 http://kwon.iteye.com/blog/1068255 http://blog.csdn.net/tvvbbb/article/details/47256943 public st ...
- CRM IFRAME 显示地图
作者:卞功鑫 ,转载请保留.http://www.cnblogs.com/BinBinGo/p/5274409.html 需要背景: 现在已经有经纬度,需要在地图上显示出来. 环境: CRM 4.0 ...
- 理解EnterCriticalSection 临界区
通俗解释就像上厕所: 门锁了,就等着,等到别人出来了,进去锁上,然后该干什么干什么,干完了,把门打开 门没锁,就进去,锁上,然后该干什么干什么,干完了,把门打开 ------------------- ...
- [SQL]SQL语言入门级教材_跟我学SQL(六)
跟我学SQL:(一)数据查询 且不说你是否正在从事编程方面的工作或者不打算学习SQL,可事实上几乎每一位开发者最终都会遭遇它.你多半还用不着负责创建和维持某个,但你怎么着也该知道以下的一些有关的SQL ...
- [ZOJ 1009] Enigma (模拟)
题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=1009 题目大意:给你三个转换轮,只有当第一个转换轮转动一圈后第二 ...
- iOS7 下去掉状态栏(全屏)
具体步骤如下: 1.在项目的-Info.plist文件中,添加Row: Key:View controller-based status bar appearance Value:NO 2.选择项目在 ...
- ubuntu英文乱码解决
ubuntu英文乱码: vi /etc/default/locale LANG="en_US.UTF-8" LANGUAGE="en_US:en" 配置更 ...
- OC基础(7)
封装 继承基本概念 继承相关特性 多态基本概念 多态的实现 *:first-child { margin-top: 0 !important; } body > *:last-child { m ...
- MFC学习 标签页与属性页及各常用控件使用
参考 http://blog.csdn.net/anye3000/article/details/6700023 CTabCtrl: BOOL CTabTestDlg::OnInitDialog() ...
- Android popupwindow 弹出的位置问题
在Android开发中,需要用到PopupWindow这个类.在初始化完成,显示之前,都需要获得这个对象的width,height去计算popupWindow弹出的位置. 这个时候会发现取得的widt ...