javascript点击按钮切换图片(js点击按钮切换多张图片)
怎样点击按钮能够切换到跟按钮标题相对应的图片
利用jquery完成
!DOCTYPE html
html
head
? meta charset="UTF-8"
? meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /
? titleTitle/title
? script src=""/script
/head
body
? div
? ? ? ? ? button? onclick=" light()"点击/button
input type="hidden" name="" id="light" value="1"? /
h3第一张图片/h3
img src="images/2.png" id="light_src"
? /div
/body
style type="text/css"
? *{
? ? ? margin: 0;
? ? ? padding: 0;
? }
? .f-box{
? ? ? width: 1200px;
? ? ? margin: 0 auto;
? ? ? padding: 50px;
? }
/style
script type="text/javascript"
function light(){
var obj =$("#light").val();
if(obj == 1){
console.log("1");
$("#light_src").attr('src','images/2-1.png')
$(".f-title").html('第二张图片')
$("#light").val(2)
}else{
console.log("2");
$("#light_src").attr('src','images/2.png')
$(".f-title").html('第一张图片')
$("#light").val(1)
}
}
/script
/html
JS或Jquery高手请进关于img鼠标按下换图片,松开后恢复原来图片的疑惑
其实你可以实现鼠标移上去变换图片，鼠标移走再恢复、、这样就不会出现那种瞬间的情况、
新手JavaScript提问，关于点击按钮显示div里的图片再次点击隐藏。
你说的人名旁的框就是个多选框，当选择之后，会增加个selected属性，可以通过这个属性的有无来判断对应的序号，再将下面图片对应序号的图片显示出来即可。
网页制作，点击按钮滑动进来图片。同时改变按钮的图片。
您好，这样：
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
