HTML如何实现循环

html-css015

HTML如何实现循环,第1张

html是成树形结构的标签语言,没有循环功能,

如要实现请参考使用javascript脚本语言。

答题不易,互相理解,您的采纳是我前进的动力,

您也可以向我们团队发出请求,会有更专业的人来为您解答。

如果我的回答没能帮助您,请继续追问。

html图片循环滚动无缝隙代码:

<!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/htmlcharset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

/*gundongtupian*/

#demo0 {

width:712px

height:134px

overflow:hidden

margin:auto

}

#demo0 img {

float:left

margin-left:10px

border:3px #ffffff solid

}

#indemo0 {

float: left

width: 800%

}

#demo10 {

float: left

}

#demo20 {

float: left

}

</style>

</head><body>

<div id="demo0">

<div id="indemo0">

<div id="demo10">

<a href="#"><img src="images/tu1.jpg" width="167" height="128" border="0" /></a>

<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>

<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>

<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>

<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>

</div>

<div id="demo20"></div>

</div>

</div>

<script language="javascript">

<!--

var speed0=40//数字越大速度越慢

var tabb=document.getElementById("demo0")

var tabb1=document.getElementById("demo10")

var tabb2=document.getElementById("demo20")

tabb2.innerHTML=tabb1.innerHTML+tabb1.innerHTML

function Marquee2(){

if(tabb2.offsetWidth-tabb.scrollLeft<=0)

tabb.scrollLeft-=tabb1.offsetWidth

else{

tabb.scrollLeft++

}

}

var MyMar2=setInterval(Marquee2,speed0)

tabb.onmouseover=function(){clearInterval(MyMar2)}

tabb.onmouseout=function(){MyMar2=setInterval(Marquee2,speed0)}

-->

</script>

</body>

</html>