＞
设为首页
＞
收藏本站
＞
最新电影
首页
运营资讯
今日英语
图形图像
计算机技术
Asp编程
网站结构化
资源共享
休闲娱乐
访问新站
您现在的位置：
首页
=>
后台技术
=>
脚本特效
=>
其他
订阅本栏目
无缝滚动 支持xhtml标准2
时间： 2008-04-14 23:17:17 阅读次数：2724
无缝滚动2 支持xhtml标准
<!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"> img{ border:0; height:100px; width:150px; } td img{ margin:0 10px; } </style> </head> <body> <!-- 纵向向无缝滚动--> <div id="demo" style="overflow:hidden;height:350px;width:200px"> <div id="demo1"> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> <a href="#" target="_blank"><img src="/images/logo.png"></a><p> </div> <div id="demo2"> </div> </div> <script> var speed=40; var demo2=document.getElementById("demo2"); var demo1=document.getElementById("demo1"); var demo=document.getElementById("demo"); demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight; else{ demo.scrollTop++; } } var MyMar=setInterval(Marquee,speed); demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> <!-- 横向无缝滚动--> <div style="margin-top:20px;"> <div id="scroll_div" style="overflow: hidden; WIDTH: 778px;" align=center> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="scroll_begin"> <a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a><a href="#"><img src="/images/logo.png" border=0></a></td> <td id="scroll_end"></td> </tr> </table> </div></div> <script> var speed1=40 var scroll_end = document.getElementById("scroll_end"); var scroll_div = document.getElementById("scroll_div"); scroll_end.innerHTML=scroll_begin.innerHTML function Marquee1(){ if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) scroll_div.scrollLeft-=scroll_begin.offsetWidth else{ scroll_div.scrollLeft++ } } var MyMar1=setInterval(Marquee1,speed1) scroll_div.onmouseover=function() {clearInterval(MyMar1)} scroll_div.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)} </script> </body> </html>
提示：您可以先修改部分代码再运行
飞飞As.p技术乐园
站内搜索
：
标题
内容
下一篇
飞飞input表单输入框默认提示信息插件
上一篇
用键盘打开网页代码
本栏目最新
栏目最新列表
xhEditor v1.1.7 发布，国产开源XHTML在线编
收集的一些轻量级非常实用的前端开发小工具
javascript中cookie的设置，读取，删除
jquery插件:飞飞表情插件v1.0_[普通表情/魔
Jquery插件：textarea使用“autoresize”自
网站优化策划
栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准（没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新
站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布，
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画：如何写出
历史最热10条信息
MIME介绍 及
[
1
] [
2
] [
3
]
巧用Google和迅雷来下载
Transact SQL 常
[
1
] [
2
]
VIA Rhine II Fast Ethe
电脑常用端
[
1
] [
2
] [
3
]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句：A friend and
每日一句：Theres no tu
经典__悟透JavaScript
伟哥博客
西安房产
123最新电影
三四六四
关于站点
|
免责声明
|
联系站长
|
网站地图
|
陕ICP备07002804号
WEB技术QQ交流群：72840059
©2007 ffasp.com. 版权所有
