图⽚轮播实现⽰例代码现在⼀般的⽹页上都会有图⽚轮播的功能,下⾯是该功能实现的⽰例代码:
constituted的意思代码如下:
<!DOCTYPE html>
<html>
html个人网页完整代码图片<head>
<title></title>
<style type="text/css">
.pic_scroll{
width: 574px;
}
.pic_scroll ul{
list-style: none;
float: right;
padding-left: 5px;
}
.pic_scroll ul li{
border: 1px solid black;
width: 30px;
height: 25px;
margin-top: 10px;
text-align: center;
padding-top: 5px;
}
.scroll_number_over{
color: red;
}
.scroll_number_out{
color: black;
}
</style>
</head>
<body>
<div class="pic_scroll">
<img src="ad-01.jpg"id="scroll_img">
<ul>
<li id="scroll_number1"onmouseover="loopShow(1)"class="scroll_number_over">1</li>
<li id="scroll_number2"onmouseover="loopShow(2)">2</li>
web服务器功能<li id="scroll_number3"onmouseover="loopShow(3)">3</li>
<li id="scroll_number4"onmouseover="loopShow(4)">4</li>
</ul>
</div>
</body>
<script type="text/javascript">
var scroll_img=new Array();
for(var i=0;i<4;i++){
scroll_img[i]="ad-0"+(i+1)+".jpg";
}
var nowPic=2;
function loopShow(d1){
nowPic=d1;
for(var i=1;i<5;i++){
if(nowPic==i){
}else{
}
}
if(nowPic>=4){
nowPic=1;
}else{
ascii码为0nowPic++;
}
}
setInterval("loopShow(nowPic)",2000);
</script>
otree和ztree
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论