连续滚动的超级链接文字网页代码


向上滚动

<div id=”marquees”>
<a href=”#”>网页教学网一</a><br>
<br>
<a href=”#”>网页教学网二</a><br>
<br>
<a href=”#”>网页教学网三</a><br>
<br>
<a href=”#”>网页教学网四</a>
<br>
</div>
<script language=”JavaScript”>

marqueesHeight=200;
stopscroll=false;

with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX=”visible”;
style.overflowY=”hidden”;
noWrap=true;
onmouseover=new Function(”stopscroll=true”);
onmouseout=new Function(”stopscroll=false”);
}
document.write(’<div id=”templayer” style=”position:absolute;z-index:1;visibility:hidden”></div>’);

preTop=0; currentTop=0;

function init(){
templayer.innerHTML=””;
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval(”scrollUp()”,10);
}
document.body.onload=init;

function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>

向下滚动

<div id=”marquees”> <a href=”#”>网页教学网一</a><br>
<br>
<a href=”#”>网页教学网二</a><br>
<br>
<a href=”#”>网页教学网三</a><br>
<br>
<a href=”#”>网页教学网四</a><br>
<br>
</div>
<script language=”JavaScript”>

marqueesHeight=200;

with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX=”visible”;
style.overflowY=”hidden”;
noWrap=true;
onmouseover=new Function(”stopscroll=true”);
onmouseout=new Function(”stopscroll=false”);
}
document.write(’<div id=”templayer” style=”position:absolute;z-index:1;visibility:hidden”></div>’);
preTop=0; currentTop=0;getlimit=0;stopscroll=false;

function init(){
templayer.innerHTML=””;
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML+=templayer.innerHTML;
setInterval(”scrollDown()”,10);
}init();

function scrollDown(){
if(stopscroll==true) return;

preTop=marquees.scrollTop;
marquees.scrollTop-=1;
if(preTop==marquees.scrollTop){
if(!getlimit){
marquees.scrollTop=templayer.offsetHeight*2;
getlimit=marquees.scrollTop;
}
marquees.scrollTop=getlimit-templayer.offsetHeight+marqueesHeight;
marquees.scrollTop-=1;
}
}
</script>

向左滚动

<div id=”marquees”>
<a href=”#”>网页教学网一</a>
<a href=”#”>网页教学网二</a>
<a href=”#”>网页教学网三</a>
<a href=”#”>网页教学网四</a>
</div>

<div id=”templayer” style=”position:absolute;left:0;top:0;visibility:hidden”></div>
<script language=”JavaScript”>

marqueesWidth=200;

with(marquees){
style.height=0;
style.width=marqueesWidth;
style.overflowX=”hidden”;
style.overflowY=”visible”;
noWrap=true;
onmouseover=new Function(”stopscroll=true”);
onmouseout=new Function(”stopscroll=false”);
}
preLeft=0; currentLeft=0; stopscroll=false;

function init(){
templayer.innerHTML=””;
while(templayer.offsetWidth<marqueesWidth){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML+=templayer.innerHTML;
setInterval(”scrollLeft()”,10);
}init();

function scrollLeft(){
if(stopscroll==true) return;
preLeft=marquees.scrollLeft;
marquees.scrollLeft+=1;
if(preLeft==marquees.scrollLeft){
marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
}
}
</script>

向右滚动

<div id=”marquees”>
<a href=”#”>网页教学网一</a>
<a href=”#”>网页教学网二</a>
<a href=”#”>网页教学网三</a>
<a href=”#”>网页教学网四</a>
</div>
<div id=”templayer” style=”position:absolute;left:0;top:0;visibility:hidden”></div>
<script language=”JavaScript”>

marqueesWidth=200;

with(marquees){
style.height=0;
style.width=marqueesWidth;
style.overflowX=”hidden”;
style.overflowY=”visible”;
noWrap=true;
onmouseover=new Function(”stopscroll=true”);
onmouseout=new Function(”stopscroll=false”);
}
preTop=0; currentTop=0; getlimit=0; stopscroll=false;

function init(){
templayer.innerHTML=””;
while(templayer.offsetWidth<marqueesWidth){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML+=templayer.innerHTML;
setInterval(”scrollRight()”,10);
}init();

function scrollRight(){
if(stopscroll==true) return;

preLeft=marquees.scrollLeft;
marquees.scrollLeft-=1;
if(preLeft==marquees.scrollLeft){
if(!getlimit){
marquees.scrollLeft=templayer.offsetWidth*2;
getlimit=marquees.scrollLeft;
}
marquees.scrollLeft=getlimit-templayer.offsetWidth+marqueesWidth;
marquees.scrollLeft-=1;
}
}
</script>



相关阅读:
为你的网站增加亮点的9款jQuery插件推荐
linux ssh 升级安装方法
Oracle基础:bean的属性类型
JS.Class - 2. Methods & Types
设计视图中允许的九种数据类型
一直都需要的复制到系统剪贴板之IE,firefox兼容版
JavaServer Page(JSP)简介
数据字典表Truncate掉将导致数据库不可用
javascript asp教程 日期相关
Javascript 模式实例 观察者模式
JavaScript面向对象的两种书写方法以及差别
ACCESS数据库向MySQL快速迁移小程序(一)
Linux fgetcsv取得的数组元素为空字符串的解决方法
IE7,IE8 BUG导致CSS下载二次的解决方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 马年高考升学最受欢迎的祝福语 情人悖论 谢谢您,老师作文250字 十七岁的你我 翅膀要飞的快乐 生命时光 《九品芝麻官》经典台词对白,九品芝麻官经典语录名言名句 你从未入戏,可我却赔了我自己。 11月大学生思想汇报:志愿者活动收获感想 不相信任何人 九年级上册语文第一单元讲读课文导学案-人教版九上一单元 只保留7只香蕉 周末的时光作文100字 深化乡镇机构改革构建农村和谐社会 “书虫”逸事 难忘的捉青蛙450字 送朋友的冬至祝福短信 借别人的鞋子比赤脚走得快 2004年综合治理工作总结(乡镇) 红母鸡(二) 不要冒然评价~~~我有权利这么做 上初三了600字 发呆不一定是坏事 关于情人节虐狗句子 感谢有你,让我温暖 初中初二作文800字:小公主系列之——难缠的“小公主” 那些时候,我用错误原谅错觉 不去想昨天,明天,只为当下就好 京台高速 2016基层党支部书记作风建设心得体会 小学五年级作文650字:我渴望自由的空间 家乡的菜市场作文200字 感动成长 公司2006年度治安综合治理工作总结 参加市人民医院职代会的感想 办公室年度自查报告 自相矛盾(Thebestspearandshield) 那事,多亏了她作文300字 小学写信作文400字:给外婆的一封信 东风破·新城美妇 20条感悟人生经典语录:问候不一定要慎重其事,但一定要真诚感人。 每个人都会遇到对的人 “红烧”妈妈 知足常乐 接力比赛一年级作文 清楚 我们那么美的友情 慢一点好吗作文900字 我是怎样学习语文的作文700字 春天的风车

Copyright © 2016 phpStudy |