| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1207 人关注过本帖
标题:请问怎么做图片轮播的左右切换按钮
只看楼主 加入收藏
魅蓝伯爵
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2015-10-19
结帖率:100%
收藏
已结贴  问题点数:15 回复次数:2 
请问怎么做图片轮播的左右切换按钮
程序代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
.main{ width:600px; height:400px; margin:0px auto; border:1px solid #0F6;}
.main_img{ width:600px; height:300px; float:left;}
.main_banner{ width:149px; height:100px; float:left; margin-right:1px;}
.butto{ color:#F00; width:50px; height:100px;}
</style>
</head>

<body>
<div class="main">
<img src="images/pp.png" class="main_img" onmouseover="pp()" onmouseout="xx()">
<img src="images/qwe.png" class="main_banner" onClick="hh(this)">
<img src="images/trt.png" class="main_banner" onClick="hh(this)">
<img src="images/ww.png" class="main_banner" onClick="hh(this)">
<img src="images/ww.png" class="main_banner" onClick="hh(this)">

</div>


</body>
<script>

var x=document.getElementsByTagName('img');
var y=2,z=0;
var st=setInterval('changE()',1000);
function changE(){
    y--;
    if(y==0){
        x[0].src=x[z].src;
        z++;
        y=2;
        }
    if(z>4)
    z=0;
    }

function xx(){
     st=setInterval('changE()',1000);
    }
function pp(){
    clearTimeout(st);}
function hh(obj){
    x[0].src=obj.src;
    }



</script>
</html>

搜索更多相关主题的帖子: images border color style title 
2015-10-24 20:47
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8078
专家分:6657
注 册:2005-11-7
收藏
得分:11 
你这么写不可能完成啊

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-10-24 21:48
魅蓝伯爵
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2015-10-19
收藏
得分:0 
回复 2楼 冰镇柠檬汁儿
??什么不可能完成?
2015-10-25 10:04
快速回复:请问怎么做图片轮播的左右切换按钮
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.041715 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved