向左滚动:(script 不同):
<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="demo" style="overflow: hidden; width: 730px; height: 130px;">
<table cellpadding="0" border="0" align="center" cellspace="0">
<tbody>
<tr>
<td id="demo1" valign="top"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td><table width="130" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098222123514238.jpg"/> <br/></td>
</tr>
</tbody>
</table></td>
<td><table width="130" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/2009822212358360.jpg"/> <br/></td>
</tr>
</tbody>
</table></td>
<td><table width="130" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098291055143238.jpg"/> <br/></td>
</tr>
</tbody>
</table></td>
<td><table width="130" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098291112377287.jpg"/> <br/></td>
</tr>
</tbody>
</table></td>
<td><table width="130" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/2009829116307651.jpg"/> <br/></td>
</tr>
</tbody>
</table></td>
<td><table width="130" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098291057185502.gif"/> <br/></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td id="demo2" valign="top"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
} }
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
</div>
</body>
</html>
向上滚动的
<div id="oRollV" style="margin: 5px; overflow: hidden; height: 150px;">
<div id="oRollV1">
<table cellpadding="5">
<tbody>
<tr align="center">
<td>
<a target="_blank" title="教育网" href="http://www.lwjy.net/">莱芜市教育局</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://www.lchedu.net">莱城教育网</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="二中网站" href="http://www.lw2hs.net.cn/">莱芜二中</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://www.lwems.net/">实验中学</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://hyxx.laiwu.com/">花园学校</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://www.lwcyzx.net/">陈毅中学</a>
</td>
</tr>
</tbody>
</table>
</div>
<div id="oRollV2">
<table cellpadding="5">
<tbody>
<tr align="center">
<td>
<a target="_blank" title="教育网" href="http://www.lwjy.net/">莱芜市教育局</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://www.lchedu.net">莱城教育网</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="二中网站" href="http://www.lw2hs.net.cn/">莱芜二中</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://www.lwems.net/">实验中学</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://hyxx.laiwu.com/">花园学校</a>
</td>
</tr>
<tr align="center">
<td>
<a target="_blank" title="" href="http://www.lwcyzx.net/">陈毅中学</a>
</td>
</tr>
</tbody>
</table>
</div>
<script>
var speed=30
oRollV2.innerHTML=oRollV1.innerHTML
function Marquee1(){
if(oRollV2.offsetHeight-oRollV.scrollTop<=0)
oRollV.scrollTop-=oRollV1.offsetHeight
else{
oRollV.scrollTop++
} }
var MyMar1=setInterval(Marquee1,speed)
oRollV.onmouseover=function() {clearInterval(MyMar1)}
oRollV.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
<!--<script language="javascript">
var speed=50;
oRollV2.innerHTML=oRollV1.innerHTML;
function Marquee(){
if(oRollV2.offsetTop-oRollV.scrollTop<=0){
oRollV.scrollTop-=oRollV1.offsetHeight;
}
else{
oRollV.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
oRollV.onmouseover=function() {clearInterval(MyMar)};
oRollV.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>-->
</div>
</body>
</html>
分享到:
相关推荐
网页滚动,各种滚动,html里面各种网页滚动
易语言源码网页滚动显示.rar
网页滚动字幕制作网页滚动字幕制作,其实非常简单!!!!
HTML网页滚动条滚动插件(匀速滚动,支持向上向下滚动)
滚动截图软件 很好用 免费的!滚动截图软件 网页滚动截图 强大的网页截图
在网页制作中,利用js写连续滚动的图片,向上滚动,滚动平滑,好~
超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果
该资源是用javascript写的网页滚动广告,广告可以随着网页的滚动而滚动,总是固定在一个地方。使用请遵照使用说明,允许浏览器加载可选项,否则看不出效果
网页滚动条样式css智能配色器 网页滚动条样式css智能配色器 网页滚动条样式css智能配色器
每次想要用百度文库的文件,可是没有积分,只好截图来弄,好麻烦,还要滚屏 找了个滚屏截图工具,分享给大家
网页滚动新闻代码
对网页滚动条的隐藏及显示控制.rar对网页滚动条的隐藏及显示控制.rar对网页滚动条的隐藏及显示控制.rar对网页滚动条的隐藏及显示控制.rar对网页滚动条的隐藏及显示控制.rar
JS自定义滚动条 可以自定义 很多类型的网页滚动条,跳出了传统的滚动条式样.
网页滚动字幕.rar javascript
jquery 网页 滚动条 jScrollbar,用起来挺方便的,样式也容易修改。
网页滚动显示.zip易语言项目例子源码下载网页滚动显示.zip易语言项目例子源码下载 1.合个人学习技术做项目参考 2.适合学生做毕业设计参考 3.适合小团队开发项目参考
网页滚动截屏工具
网页滚动视图调研.pptx
网页中滚动字的代码(横向左右滚动字的源代码)