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 ...
随机推荐
- flume spooldir bug修复
BUG:在往目录中copy大文件时,没有复制完,flume就开始读-->导致报错 在代码中体现为:org.apache.flume.client.avro.ReliableSpoolingFil ...
- ORA-14300: 分区关键字映射到超出允许的最大分区数的分区
环境为:Oracle Database 11g Enterprise Edition Release 11.2.0.2.0 - 64bit Production 对象表为按天的自动分区表: PARTI ...
- Oracle内存管理（之二）
[深入解析--eygle] 学习笔记 1.2.2 UGA和CGA UGA(用户全局区)由用户会话数据.游标状态和索引区组成.在共享server模式下,一个共享服务进程被多个用户进程共享,此时UGA是S ...
- flume的memeryChannel中transactionCapacity和sink的batchsize需要注意事项
一. fluem中出现,transactionCapacity查询一下,得出一下这些: 最近在做flume的实时日志收集,用flume默认的配置后,发现不是完全实时的,于是看了一下,原来是memery ...
- PHP微信公众平台
微信公众平台客户中心微信公众平台开发文档微信公众平台自定义菜单微信公众平台开发(一) 配置接口微信公众平台开发(二) 微信公众平台示例代码分析微信公众平台开发(三) 订阅事件(subscribe)处理 ...
- 在Ubuntu上安装Mono
在Ubuntu上安装Mono 执行以下代码授权注冊repo源并更新软件列表: sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys ...
- 微信小程序：酒店订房之时间选择器 picker
下单页面,选择开始日期和结束日期,不废话,直接代码: 1.wxml: <picker mode="date" value="{{date1}}" star ...
- struts2 中请求转发与请求重定向方法
本文转自:http://blog.csdn.net/a327736051/article/details/50240491 一.Chain Result:这个result调用另外的一个action,连 ...
- HDUOJ-----4512吉哥系列故事——完美队形I（LCIS）
吉哥系列故事——完美队形I Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 65535/32768 K (Java/Others)Tot ...
- you need to know those webs !
J2me开发网 http://www.j2medev.com/bbs/index.asp J2me社区 http://www.j2meforums.com/forum/ csdn http://www ...