最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

真正的连续滚动图片_图象特效

来源:动视网 责编:小采 时间:2020-11-27 20:33:14
文档

真正的连续滚动图片_图象特效

真正的连续滚动图片_图象特效:js代码<SCRIPT language=JavaScript> function marquee1() { document.write("<p style='width:100%;overflow:hidden;' id=marquee onmouseover=clearInterval(repeat) on
推荐度:
导读真正的连续滚动图片_图象特效:js代码<SCRIPT language=JavaScript> function marquee1() { document.write("<p style='width:100%;overflow:hidden;' id=marquee onmouseover=clearInterval(repeat) on


js代码

<SCRIPT language=JavaScript> 
function marquee1() 
{ 
 document.write("<p style='width:100%;overflow:hidden;' id=marquee onmouseover=clearInterval(repeat) onmouseout=repeat=setInterval(scrollMarquee,1)>") 
} 
function marquee2() 
{ 
 document.write("</p>") 
 marquee.childNodes[0].align='left'; 
 
 if(marquee.childNodes[0].offsetWidth>marquee.offsetWidth) { 
 marquee.appendChild(marquee.childNodes[0].cloneNode(true)); 
 } 
 else { 
 for(var i=0;i<Math.round(marquee.offsetWidth/marquee.childNodes[0].offsetWidth)+1;i++) { 
 marquee.appendChild(marquee.childNodes[0].cloneNode(true)); 
 } 
 } 
 repeat=setInterval(scrollMarquee,1); 
} 
function scrollMarquee() { 
 if(marquee.scrollLeft<marquee.childNodes[0].offsetWidth) 
 marquee.scrollLeft++; 
 else 
 marquee.scrollLeft=0; 
 } 
</SCRIPT> 

 <SCRIPT language=JavaScript>marquee1();</SCRIPT> 
<table width="300" border="0" cellspacing="0" cellpadding="0"> 
<tr> 


<td><a href=/picture/00000133.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong1.jpg" alt="图片8" ></a></td> 

<td><a href=/picture/00000132.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong2.jpg" alt="图片7" ></a></td> 

<td><a href=/picture/00000131.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong3.jpg" alt="图片6" ></a></td> 

<td><a href=/picture/00000130.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong4.gif" alt="图片5" ></a></td> 

<td><a href=/picture/00000129.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong4.gif" alt="图片4" ></a></td> 

<td><a href=/picture/00000128.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong3.jpg" alt="图片3" ></a></td> 

<td><a href=/picture/00000127.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong2.jpg" alt="图片2" ></a></td> 

<td><a href=/picture/00000126.asp target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong1.jpg" alt="图片1" ></a></td> 


</tr> 
</table> 
 <SCRIPT language=JavaScript>marquee2(); </SCRIPT>

文档

真正的连续滚动图片_图象特效

真正的连续滚动图片_图象特效:js代码<SCRIPT language=JavaScript> function marquee1() { document.write("<p style='width:100%;overflow:hidden;' id=marquee onmouseover=clearInterval(repeat) on
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top