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" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body,h1,h2,h3,h4,h5,h6,p,blockquote,
dl,dt,dd,ul,ol,li,a,span,i,b,
form,fieldset,legend,button,input,textarea,
th,td{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
body,
button,input,select,textarea/* for ie */{ color:#333;}
address,em{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei";}
ul,ol{list-style:none;}
a{text-decoration:none; color:#333; cursor:pointer;}
img{ border:0px;}
a:hover{color:#a71f24;}
.clear{clear:both;}
.team{border:1px solid #e5e5e5;background:#f8f8f8;padding-bottom:10px;margin-bottom:10px;}
.teamTitle{height:30px;line-height:30px;background:#015198;font-weight:normal;padding:0 14px;margin-bottom:12px;}
.teamTitle a{float:right;font-size:14px;color:#fff;}
.teamTitle span{font-size:16px;color:#fff;}
.expert{height:113px;/*width:956px;*/margin:0 auto;}
.expert dl{width:230px;height:113px;float:left;margin-right:9px;overflow:hidden;}
.expert .e_end{margin-right:0;}
.expert dl dt{width:84px;float:left;height:113px;margin-right:15px;}
.expert dl dd{width:130px;float:left;height:113px;}
.expert dl dd h2{line-height:21px;font-weight:normal;font-size:14px;color:#006699;height:20px;}
.expert dl dd p{line-height:19px;color:#666666;height:19px;}
.expert dl dd .adept{margin-bottom:10px;}
.expert dl dd .more{background:url(../img/more.jpg) no-repeat left center;height:22px;text-align:center;line-height:22px;width:73px;}
.expert dl dd .more a{color:#c60000;}
.expert dl dd p span{color:#333333;}
.expertindex{height:113px;/*width:956px;*/margin:0 auto;}
.expertindex dl{width:230px;height:113px;float:left;margin-right:9px;overflow:hidden;}
.expertindex .e_end{margin-right:0;}
.expertindex dl dt{width:84px;float:left;height:113px;margin-right:15px;}
.expertindex dl dd{width:130px;float:left;height:113px;}
.expertindex dl dd h2{line-height:21px;font-weight:normal;font-size:14px;color:#006699;height:20px;}
.expertindex dl dd p{line-height:19px;color:#666666;height:19px;}
.expertindex dl dd .adept{margin-bottom:10px;}
.expertindex dl dd .more{background:url(../img/more.jpg) no-repeat left center;height:22px;text-align:center;line-height:22px;width:73px;}
.expertindex dl dd .more a{color:#c60000;}
.expertindex dl dd p span{color:#333333;}
</style>
</head>
<body>
<div class="team" style="position:relative">
<h2 class="teamTitle"><a href="/index.php?r=archives/guide&id=34&t=1401953186">更多>></a><span>专家团队</span></h2>
<div style="width:956px; margin:0 auto; overflow:hidden">
<div class="expertindex" >
<DIV id=roller_pro style="OVERFLOW: hidden; WIDTH: 970px; HEIGHT: 115px"><TABLE><TR><TD id=roller_pro_content><table width=965px border=0 cellspacing=0 cellpadding=0 align=center><tr>
<td style="padding-left:5px;line-height:20px;color:#0">
<dl>
<dt><a href="/index.php?r=archives/guide/body&id=27&t=1401953186" target="_blank"><img src="http://www.baidu.com/img/bdlogo.gif" width="84"height="113"/></a></dt>
<dd>
<h2>杨医生</h2>
<p>主任医师</p>
<p><span>科 室:</span> 心血管内科</p>
<p class="adept"><span>职 务:</span> 科主任兼科研处处长</p>
<p class="more"><a href="/index.php?r=archives/guide/body&id=27&t=1401953186" target="_blank">详细介绍</a></p>
</dd>
</dl>
</td>
<td style="padding-left:5px;line-height:20px;color:#0">
<dl>
<dt><a href="/index.php?r=archives/guide/body&id=187&t=1401953186" target="_blank"><img src="http://data.baidu.com/image/0605-%E7%8A%80%E5%88%A9%E4%BB%81%E5%B8%88.jpg" width="84"height="113"/></a></dt>
<dd>
<h2>孙医生</h2>
<p>主任医师</p>
<p><span>科 室:</span> 呼吸与危重症医学科</p>
<p class="adept"><span>职 务:</span> 科主任</p>
<p class="more"><a href="/index.php?r=archives/guide/body&id=187&t=1401953186" target="_blank">详细介绍</a></p>
</dd>
</dl>
</td>
<td style="padding-left:5px;line-height:20px;color:#0">
<dl>
<dt><a href="/index.php?r=archives/guide/body&id=187&t=1401953186" target="_blank"><img src="http://www.baidu.com/img/bdlogo.gif" width="84"height="113"/></a></dt>
<dd>
<h2>孙医生</h2>
<p>主任医师</p>
<p><span>科 室:</span> 呼吸与危重症医学科</p>
<p class="adept"><span>职 务:</span> 科主任</p>
<p class="more"><a href="/index.php?r=archives/guide/body&id=187&t=1401953186" target="_blank">详细介绍</a></p>
</dd>
</dl>
</td>
<td style="padding-left:5px;line-height:20px;color:#0">
<dl>
<dt><a href="/index.php?r=archives/guide/body&id=187&t=1401953186" target="_blank"><img src="http://www.baidu.com/img/bdlogo.gif" width="84"height="113"/></a></dt>
<dd>
<h2>孙铁英</h2>
<p>主任医师</p>
<p><span>科 室:</span> 呼吸与危重症医学科</p>
<p class="adept"><span>职 务:</span> 科主任</p>
<p class="more"><a href="/index.php?r=archives/guide/body&id=187&t=1401953186" target="_blank">详细介绍</a></p>
</dd>
</dl>
</td>
</tr></table></TD><TD id=roller_temp_pro vAlign=top width=></TD></TR></TABLE></DIV>
<script type="text/javascript">
var h_roller_speed_dzcp=25
roller_temp_pro.innerHTML=roller_pro_content.innerHTML
function H_Roller_Marquee_dzcp(){
if(roller_temp_pro.offsetWidth-roller_pro.scrollLeft<=0)
roller_pro.scrollLeft-=roller_pro_content.offsetWidth
else{
roller_pro.scrollLeft++
}
}
var h_roller_variable_dzcp=setInterval(H_Roller_Marquee_dzcp,h_roller_speed_dzcp)
roller_pro.onmouseover=function() {clearInterval(h_roller_variable_dzcp)}
roller_pro.onmouseout=function() {h_roller_variable_dzcp=setInterval(H_Roller_Marquee_dzcp,h_roller_speed_dzcp)}
</script>
</div>
</div>
</div>
</body>
</html>
js实现类似新闻条目人物简介不间断的滚动的更多相关文章
- js实现类似页面广告一段时间自动打开一段时间自动关闭的功能
js实现类似页面广告一段时间自动打开一段时间自动关闭的功能 一.总结 Window 对象的 open()方法:window.open('测试页面.html','news','height=300,wi ...
- js实现的新闻列表垂直滚动实现详解
js实现的新闻列表垂直滚动实现详解:新闻列表垂直滚动效果在大量的网站都有应用,有点自然是不言而喻的,首先由于网页的空间有限,使用滚动代码可以使用最小的空间提供更多的信息量,还有让网页有了动态的效果,更 ...
- url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介 2014年10月12日 16806次浏览 引子 浏览器URl地址,上网一定会用到,但是浏 ...
- 《JS权威指南学习总结--开始简介》
本书共分成了四大部分: 1.JS语言核心 2.客户端JS 3.JS核心参考 4.客户端JS核心参考 其中 <JS权威指南学习总结--1.1语法核心> 是:第一部分JS语言核心 各章节重点 ...
- 利用原生JS实现类似浏览器查找高亮功能(转载）
利用原生JS实现类似浏览器查找高亮功能 在完成 Navify 时,增加一个类似浏览器ctrl+f查找并该高亮的功能,在此进行一点总结: 需求 在.content中有许多.box,需要在.box中找出搜 ...
- js实现新闻条目滚动效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js 实现类似php函数number_format的功能
今天同事在做一个功能的时候需要使用js来实现类似php函数number_format的功能,最后就有了下面的方法,可以实现了: /** * number_format * @param number ...
- 通过js看类似C#中的回掉
我认为并行有两种形式,第一种是异步,第二种是多线程,目的都是为了实现并行,只不过异步和多线程都是手段而已 第一种异步 异步,执行完函数或方法后,不必阻塞性地等待返回值或消息,只需要向系统委托一个异步过 ...
- url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介【转】
引子 浏览器URl地址,上网一定会用到,但是浏览器地址有中文或者浏览器url参数操作的时候,经常会用到encodeURIComponent()和decodeURIComponent()以及encode ...
随机推荐
- xtraTabbedMdiManager的标题上右鍵弹出关闭窗体菜单
实现一个增值功能, 在xtraTabbedMdiManager组件TabPage标题上右鍵弹出关闭当前窗体的菜单. C# Code: private void xtraTabbedMdiManager ...
- 设置Linux-Centos6.5字符集
登录腾讯云的服务,发现不支持中文字符.草蛋疼.... 01.查看Linux当前语言 echo $LANG C #C代表英文环境 ASCII 编码格式,通杀很多问题(乱码) 02.查看系统支持的 ...
- mysql中innodb和myisam的区别
InnoDB和MyISAM是很多人在使用MySQL时最常用的两个表类型,这两个表类型各有优劣,5.7之后就不一样了 1.事务和外键 InnoDB具有事务,支持4个事务隔离级别,回滚,崩溃修复能力和多版 ...
- mysql优化利器之explain
一.语法 {EXPLAIN | DESCRIBE | DESC} tbl_name [col_name | wild] {EXPLAIN | DESCRIBE | DESC} [explain_typ ...
- iOS开发－使用宏自定义输出（NSLog）
前言: 1)输出日志是会大量损耗系统性能 2)输出的信息很容易会被截取到,导致信息不安全. 所以我们会在发行版(Release)取消所有的Log.如果一行一行地去注释掉Log,显然不是一个明确的选择. ...
- SQL plus连接远程Oralce数据库
如果要连接远程数据库,传统的一定可行的方法是在本地装一个oracle,然后使用“Network Configuration Assistant”配置,之后用PL/SQL Dev连接 oracle官网上 ...
- cout printf 莫明奇妙的崩溃问题
出现异常主要表现 导致异常的关键代码不是因为printf 或cout,而是因为使用栈空间超出的原因 下图试图在栈上分配1024000个char的空间,确发现崩溃 的位置是printf,这就是这个问题难 ...
- HDUOJ----4509湫湫系列故事——减肥记II
湫湫系列故事——减肥记II Time Limit: 5000/2000 MS (Java/Others) Memory Limit: 65535/32768 K (Java/Others)Tot ...
- HDUOJ-------- Fibonacci again and again
Fibonacci again and again Time Limit : 1000/1000ms (Java/Other) Memory Limit : 32768/32768K (Java/ ...
- Android之SurfaceView使用总结
1.概念SurfaceView是View类的子类,可以直接从内存或者DMA等硬件接口取得图像数据,是个非常重要的绘图视图.它的特性是:可以在主线程之外的线程中向屏幕绘图上.这样可以避免画图任务繁重的时 ...