网页制作,点击按钮滑动进来图片。同时改变按钮的图片。
如果点击下面的按钮1。显示图片的地方就会滑动进来一张图片“图片1”,按钮的图片也会变成”按钮01“。点击按钮2,同理也会滑动进来一张“图片2”按钮的图片也会变成"按钮02...
如果点击下面的按钮1。显示图片的地方就会滑动进来一张图片“图片1”,按钮的图片也会变成”按钮01“。点击按钮2,同理也会滑动进来一张“图片2”按钮的图片也会变成"按钮02"。同时按钮1的图片恢复到”按钮1“的 状态。求大神赐教。
展开
1个回答
展开全部
您好,这样:
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$li1 = $(".apply_nav .apply_array");
$window1 = $(".apply .apply_w");
$left1 = $(".apply .img_l");
$right1 = $(".apply .img_r");
$window1.css("width", $li1.length*166);
var lc1 = 0;
var rc1 = $li1.length-5;
$left1.click(function(){
if (lc1 < 1) {
alert("已经是第一张图片");
return;
}
lc1--;
rc1++;
$window1.animate({left:'+=166px'}, 1000);
});
$right1.click(function(){
if (rc1 < 1){
alert("已经是最后一张图片");
return;
}
lc1++;
rc1--;
$window1.animate({left:'-=166px'}, 1000);
});
})
</script>
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$li1 = $(".apply_nav .apply_array");
$window1 = $(".apply .apply_w");
$left1 = $(".apply .img_l");
$right1 = $(".apply .img_r");
$window1.css("width", $li1.length*166);
var lc1 = 0;
var rc1 = $li1.length-5;
$left1.click(function(){
if (lc1 < 1) {
alert("已经是第一张图片");
return;
}
lc1--;
rc1++;
$window1.animate({left:'+=166px'}, 1000);
});
$right1.click(function(){
if (rc1 < 1){
alert("已经是最后一张图片");
return;
}
lc1++;
rc1--;
$window1.animate({left:'-=166px'}, 1000);
});
})
</script>
追问
我能说我看不懂吗- -
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询