两款不间断向上滚动代码

时间:2013-08-16 12:10:02  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:代码哦,如果你正在找文字滚动效果的js(第二电脑网http://www.002pc.com)代码可以进来下载使用。 连续向下滚动 <!doctype html public "-//w3c//dtd html 4.01 transitional//en"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>连...
  正文:两款不间断向上滚动代码,这二款代码是一款是连续向上滚动一款是向下不停的滚动代码哦,如果你正在找文字滚动效果的js(第二电脑网http://www.002pc.com)代码可以进来下载使用。

两款不间断向上滚动代码,这二款代码是一款是连续向上滚动一款是向下不停的滚动代码哦,如果你正在找文字滚动效果的js(第二电脑网http://www.002pc.com)代码可以进来下载使用。

连续向下滚动
<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>连续向下滚动</title>
<style type="text/Css教程">
<!--
body {
font-size: 9pt;
color: #000000;
}
a {
    color: #0000ff;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<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="网页特效">

marqueesheight=200;

with(marquees){
style.width=0;
style.height=marqueesheight;
style.overflowx="visible";
style.overflowy="hidden";
nowrap=true;
onmouSEO教程ver=new function("stophotoshop/ target=_blank class=infotextkey>ps教程croll=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>
</body>
</html>


向上滚动文件代码

<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>连续向上滚动</title>
<style type="text/css">
<!--
body {
font-size: 9pt;
color: #000000;
}
a {
    color: #0000ff;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<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;
stopscroll=false;

with(marquees){
style.width=0;
style.height=marqueesheight;
style.overflowx="visible";
"两款不间断向上滚动代码"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/27550.html


关于《两款不间断向上滚动代码》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td