向上滚动的单行图片滚屏效果网页代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 背景图像 -> 向上滚动的单行图片滚屏效果网页代码

向上滚动的单行图片滚屏效果网页代码

作者:向上滚动的单行图片滚屏效果网页特效代码演示发布时间:2007-11-11 3:35:30 发布人: admin

//滚动页面的宽 
var scrollwidth = 705;

//滚动页面的高 
var scrollheight = 120;

if(dde_pp!=null  &&  dde_pp.length>0){ 
  dde_para = dde_pp.split("&");} 
  for(i=0; dde_para!=null  &&  i<dde_para.length;i++){ 
  dde_aa = dde_para[i].split("="); 
  eval("var "+dde_aa[0] +"='"+dde_aa[1]+"'");} 
var car_num = 5; 
var i=1; 
//默认滚动时间10秒 
var pausebetweenimages=800 * 8; 
var slideimages=new Array(); 
//滚动页面1的URL 
slideimages[0]="<iframe border=0 vspace=0 hspace=0 bgcolor=#888888 Name=union163com align=center marginwidth=0 marginheight=0 framespacing=0 frameborder=0 scrolling=no width="+scrollwidth+" height="+scrollheight+" src='http://web.archive.org/web/20120618202343/http://news.qq.com/photon/08photojdlm1.htm'></iframe>"; 
//滚动页面2的URL 
slideimages[1]="<iframe border=0 vspace=0 hspace=0 bgcolor=#888888 Name=union163com align=center marginwidth=0 marginheight=0 framespacing=0 frameborder=0 scrolling=no width="+scrollwidth+" height="+scrollheight+" src='http://web.archive.org/web/20120618202343/http://news.qq.com/photon/08photojdlm2.htm'></iframe>"; 
function move1(whichdiv){ 
tdiv=eval(whichdiv) 
if (tdiv.style.pixelTop>0 && tdiv.style.pixelTop<=car_num){ 
tdiv.style.pixelTop=0 
setTimeout("move1(tdiv)",pausebetweenimages) 
setTimeout("move2(second2)",pausebetweenimages) 
return} 
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ 
tdiv.style.pixelTop-=car_num 
setTimeout("move1(tdiv)",50)} 
else{ 
tdiv.style.pixelTop=scrollheight 
tdiv.innerHTML=slideimages[0] 
if (i==slideimages.length-1) 
i=0 
else i++}} 
function move2(whichdiv){ 
tdiv2=eval(whichdiv) 
if (tdiv2.style.pixelTop>0 && tdiv2.style.pixelTop<=car_num){ 
tdiv2.style.pixelTop=0 
setTimeout("move2(tdiv2)",pausebetweenimages) 
setTimeout("move1(first2)",pausebetweenimages) 
return} 
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ 
tdiv2.style.pixelTop-=car_num 
setTimeout("move2(second2)",50)} 
else{ 
tdiv2.style.pixelTop=scrollheight 
tdiv2.innerHTML=slideimages[1] 
if (i==slideimages.length-1) 
i=0 
else i++}} 
function conmouse(){car_num=0;} 
function cmouseout(){car_num=5;} 
function startscroll(){ 
if (document.all){ 
move1(first2) 
second2.style.top=scrollheight 
} 
else if (document.layers){ 
move1(document.main.document.first) 
document.main.document.second.top=scrollheight+5 
document.main.document.second.visibility='show'}} 
//--> 
</script> 
  <ilayer id="main" height=" && #123;scrollheight};" width=" && #123;scrollwidth};"> 
  <layer name="first" left="0" top="1" width=" && #123;scrollwidth};" id="first"> 
  <script language="JavaScript1.2"> 
if (document.layers) 
document.write(slideimages[0]) 
</script> 
  </layer> 
  <layer id="second" width=" && #123;scrollwidth};" top="0" left="0" visibility="hide"> 
  <script language="JavaScript1.2"> 
if (document.layers) 
document.write(slideimages[1]) 
</script> 
  </layer> 
  </ilayer> 
  <script language="JavaScript1.2">  
if (document.all){ 
document.writeln('<span id="main2" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';overflow:hiden;background-color:#ffffff">') 
document.writeln('<div onMouseOver="conmouse()" onMouseOut="cmouseout()" style="position:absolute;width:'+scrollwidth+';height:'+scrollheight+';clip:rect(0 '+scrollwidth+' '+scrollheight+' 0);left:0;top:0">') 
document.writeln('<div id="first2" style="position:absolute;width:'+scrollwidth+';left:0;top:1;">') 
document.write(slideimages[0]) 
document.writeln('</div>') 
document.writeln('<div id="second2" style="position:absolute;width:'+scrollwidth+';left:0;top:0">') 
document.write(slideimages[1]) 
document.writeln('</div>') 
document.writeln('</div>') 
document.writeln('</span>')} 
startscroll(); 
</script>

向上滚动的单行图片滚屏效果网页特效代码演示

将本文收藏到QQ书签与更多好友分享

上一篇：文章：点击图片从而改变网页背景图片网页代码下一篇：文章：向右滚动的图片特效网页代码

网页特效

向上滚动的单行图片滚屏效果网页代码

本类浏览排行 »

本站推荐文章 »