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 ...
随机推荐
- openerp 7.0 来自外部的邮件会发送二次问题解决方法
插入代码:\addons\mail\mail_mail.py #309 line this = self.pool.get('res.users').browse(cr, uid, uid, cont ...
- XML 文档结构必须从头至尾包含在同一个实体内
XML 文档结构必须从头至尾包含在同一个实体内 CreateTime--2018年4月2日16:40:58 Author:Marydon 问题还原: <![CDATA[ <?xml v ...
- 新浪API及调用案例
百度分享:http://pan.baidu.com/s/1uSmku
- Java多线程系列目录（转）
转载方便自己学习,转自:Java多线程系列目录(共43篇) http://www.cnblogs.com/skywang12345/p/java_threads_category.html 最近,在研 ...
- 如何在 CentOS 7 中安装、配置和安全加固 FTP 服务
步骤 1:安装 FTP 服务器 1. 安装 vsftpd 服务器很直接,只要在终端运行下面的命令. # yum install vsftpd 2. 安装完成后,服务先是被禁用的,因此我们需要手动启动, ...
- docker登录没有配置https的harbor镜像仓库
已经搭建harbor 仓库 ,域名 172.16.1.99 出现问题: 客户端尝试登录 仓库 [root@localhost docker]# docker login 172.16.1.99:80 ...
- iOS同一项目多个Target的快速实现方法 - 两种使用场景详解
我们项目中,默认建好是只有一个target的,但是,一些场景中,多target能帮助我们更好的使用项目. 场景1: 同一项目,一般会分不同环境:开发环境.测试环境.正式(生产)环境. 这就涉及到一个请 ...
- ssh之为什么要放弃ssh?
本文经转载, 源出处不详.https://www.cnblogs.com/hackxiyu/p/6849085.html 最近听一些朋友说,招聘面试的很多人简历都差不多,大部分人的简历上面都写了熟悉s ...
- 【Linux】正确的关机方法
1)shutdown命令 我们较常使用的是shutdown这个命令,这个命令可以安全地关闭或重启Linux系统,它在系统关闭之前给系统上的所有登录用户提示一条警告信息.该命令还允许用户指定一个时间参数 ...
- oc 类型判断
#import <UIKit/UIKit.h> #import "AppDelegate.h" @interface A : NSObject @end @implem ...