图片向上滚动代码(三款)

<!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>
</head>

<body>

<table cellspacing=0 cellpadding=0 width=598 align=center border=0>
<tbody>
<tr>
<td valign=center align=middle>
<script language=网页特效>
<!--
var scrollerwidth=597
var scrollerheight=100
var scrollerbgcolor='white'

var pausebetweenimages=1000

var slideimages=new array()
slideimages[0]='<a href=/esite/dhllama/default1.asp教程x target=_blank><img border=0 height=100 src="/article/uploadfiles/200911/20091114132801715.gif" width=597></a>'
slideimages[1]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=546 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132802485.jpg width=597></a>'
slideimages[2]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=433 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132802677.jpg width=597></a>'
slideimages[3]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=112 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132803261.jpg width=597></a>'
slideimages[4]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=115 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132803769.jpg width=597></a>'
slideimages[5]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=545 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132803441.jpg width=597></a>'
slideimages[6]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=383 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132803513.jpg width=597></a>'
slideimages[7]='<a href=/membermncenter/busiinfo_detail.aspx?eproid=357 target=_blank><img border=0 height=100 src=/article/uploadfiles/200911/20091114132803407.jpg width=597></a>'
//??

if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
settimeout("move1(tlayer)",pausebetweenimages)
settimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
settimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
settimeout("move2(tlayer2)",pausebetweenimages)
settimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
settimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixeltop>0&&tdiv.style.pixeltop<=5){
tdiv.style.pixeltop=0
settimeout("move3(tdiv)",pausebetweenimages)
settimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixeltop>=tdiv.offsetheight*-1){
tdiv.style.pixeltop-=5
settimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixeltop=scrollerheight
tdiv.innerhtml=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixeltop>0&&tdiv2.style.pixeltop<=5){
tdiv2.style.pixeltop=0
settimeout("move4(tdiv2)",pausebetweenimages)
settimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixeltop>=tdiv2.offsetheight*-1){
tdiv2.style.pixeltop-=5
settimeout("move4(second2)",100)
}
else{
tdiv2.style.pixeltop=scrollerheight
tdiv2.innerhtml=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

//-->

</script>
<ilayer id=main bgcolor="&amp;{scrollerbgcolor};"
height="&amp;{scrollerheight};" width="&amp;{scrollerwidth};"><layer
id=first width="&amp;{scrollerwidth};" top="1" left="0">
<script language=javascript1.2>
if (document.layers)
document.write(slideimages[0])
</script>
</layer><layer id=second width="&amp;{scrollerwidth};" top="0"
left="0" visibility="hide">
<script language=javascript1.2>
if (document.layers)
document.write(slideimages[1])
</script>
</layer></ilayer>
<p>
<script language=javascript>
<!--
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
//-->

</script>
</p></td></tr></tbody></table>

<marquee direction=up height=200 scrollamount=2 scrolldelay=90
      width="100%"> <img border=0
      src="/photo/puvzji7yst1sgxnh0foxaa==/440508338553543991.jpg"> <br>
      <img border=0
      src="/photo/f4pj5rnbl0lbajdbniadiq==/446137838087802632.jpg">
      <br>
<img border=0
      src="/photo/s_n9hq3uenrobno5eak2sw==/426997539671488354.jpg"> <br>
      <img border=0
      src="/photo/gfp-g3npqi6einseklglka==/430375239392017625.jpg">
      <br>
<img border=0
      src="/photo/lrzsralklr6rj

时间: 2024-08-01 16:10:44

图片向上滚动代码(三款)的相关文章

图片向上滚动代码

<DIV id=demo onmouseover=ii=1 style="OVERFLOW: hidden; HEIGHT: 500px" onmouseout=ii=0> <DIV id=demo1> <div align="center"> <a href='#' target='_blank'><img src='images/k.jpg' width='125' height='125' vspace='

图片向上滚动js代码(三款)

文章收集了三款图片向上滚动代码哦,他们都是利用了来实例图片向上滚动效果哦,下面一款款来看看吧,其实一款是用marquee实现的,还有就是利用了js来实例了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://

三款文字向上滚动代码

<title>三款文字向上滚动代码</title> <style type=text/css教程> #divascontainer {  clip: rect(0px 320px 120px 0px); height: 120px; left: 10px; overflow: hidden; position: absolute; top: 10px; visibility: hidden; width: 250px } #divascontent {  left: 0

图片向上滚动-如何修改下面的代码让图片一开始不滚动

问题描述 如何修改下面的代码让图片一开始不滚动 <div id=""myscroll"" style=""height:50px;overflow:hidden; margin-top:14px;""> <table border=""0"" cellspacing=""0"" cellpadding=""0&

javascript 文本图片向上滚动实例代码

javascript教程 文本图片向上滚动实例代码 marque(500,24,"icefable1","box1left") var scrollElem; var stops教程croll; var stoptime; var preTop; var leftElem; var currentTop; var marqueesHeight; var www.111cn.net function marque(width,height,marqueName,mar

图片无缝滚动代码(上下左右)js代码

<base href="http://www.111cn.net/">  <table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                           <tr><td>               

js图片文字滚动代码

js图片文字滚动代码,本文章提供几款文字滚动的实例代码,大概原理是用js的时间来搞滑动效果哦. <script > var imgc = 1;//图片序列开始 var imgm = 5;//图片序列结束 var flag = 1;//标记鼠标移动 var tm;//定时器 //自动循环播放图片 function cgimg(){ if(flag==0)return; var mimg = document.getelementbyid("mimg"); mimg.src =

js图片横向滚动代码

本文章为我提供一款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/199

js文字向上滚动代码

提示:您可以先修改部分代码再运行 js文字向上滚动代码 CGWR <武林至尊>游戏评测 <武林至尊>没有依照任何名著来搭建自己的世界观,而是通过 设计员自己的脑子,想出了一个完美的剧情.虽比不了仙剑奇侠 传的剧情经典,但也堪称引人入胜.再加上独有的部分特色,所 以吸引了众多武侠迷进入了游戏. 17173<武林至尊>试玩视频 <武林至尊>是一款华丽3D锁视角武侠网游巅峰巨作,真实再现 了万千华人梦想中的武侠世界.它秉承纯正的中国武侠文化,彻 底摒弃传统网游的职