jquery点击实现图片更换,图片一点击一下变成图片二,再点击变回图片一

如题所述

第1个回答  2017-08-12
$("img").toggle(function(){
    $(this).attr("src","图片2.jpg");
},function(){
    $(this).attr("src","图片1.jpg");
}).attr("src","图片1.jpg");

追问

html 要怎么打啊

本回答被网友采纳
第2个回答  2018-04-23
var toggle=true;
$(“.kaiguan”).click(function(){
if(toggle){
$("img").attr("src","改的地址")
toggle=false;
}else{
$("img").attr("src","原地址")
toggle=true;
}
})

jquery点击实现图片更换,图片一点击一下变成图片二,再点击变回...
("img").toggle(function(){ $(this).attr("src","图片2.jpg");},function(){ $(this).attr("src","图片1.jpg");}).attr("src","图片1.jpg");

jquery点击切换图片(jquery切换页面)
先给导航块的a标签设置img属性和data-img属性;img属性为未选中图片,data-img为选中图片。第一个按钮的img图片应设置为默认选中的状态。\/\/点击每个按钮后进行按钮切换图片操作 (".tab-bar-item").on("click",?function?()?{ \/\/先constclickImg变量为他的data属性(选中图片),然后找到img图片的s...

jquery怎么实现点击一个元素更换背景图片,连续点击永远在2张图片之间...
1、首先,打开html编辑器,创建一个新的html文件,例如index.html,然后引入jquery,如下图所示。2、其次,完成上述步骤后,在index.html的标记中,输入下图红框中的jquery代码,如下图所示。3、接着,完成上述步骤后,浏览器运行index.html页面,显示出了其中1张背景图片,如下图所示。4、最后,完成上...

jquery 点击事件 实现图片切换
实现图片切换方式举例如下:html代码: 图一图二图三 css代码: .label .cur{border-bottom:1px solid red} .imgs{display:none} .imgs .cur{display:block} jquery代码:(function(){ (".label span").click(function(){ (this).addClass("cur").siblings().removeClass("cur...

jquery怎么实现点击一个元素更换背景图片,连续点击永远在2张图片之间...
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的标签,输入jquery代码:。var no = 0;var arr = ['small2.png', 'small3.png'];function fun() { no ^= 1;('body').css('background-image', 'url(' + arr[no] + ')');} 3、浏览...

jquery点击图标来回切换的几种方法(如开关
\/\/先const clickImg变量为他的data属性(选中图片) ,然后找到img图片的src属性将未选中的图片点击后替换为选中图片 const clickImg = $(this).data("img");(this).find("img").attr("src",clickImg);\/\/找到被点击标签的其他兄弟标签,用each遍历 const noclick为未选中的img图片,将点击标签...

jquery点击一个事件更换图片,在点击更换回来
通过点击li获取索引值来改变ul的背景图片位置;不能上传附件了。。还是上代码吧。。<!DOCTYPE HTML>评价$(document).ready(function(){\/\/星级评分$("form p span.radio label.radio").click(function(){$(this).parent("span

求鼠标移上去单张图片慢慢变大成2倍移开又慢慢还原的Jquery代码
1000 为 1 秒,单次动画的时间 (function() { var w = $("#image").width(); $("#image").mouseover(function() { $(this).stop().animate({width: w * 2}, 1000, function() { $(this).stop().animate({width: w}, 1000); }); });}); ...

如何在jq中实现点一次图片,图片位置变化一次,可以无限点,无限变化位 ...
top: 0;left: 0;} var ju_Li=0;("img").on("click",function(){ ju_Li=ju_Li+5;(this).css("left",ju_Li+"px")})

JS,Jquery如何实现点击图片后图片反转消失另一张图片出现再点击再交替...
刚才大致看了一下,你可以尝试用翻转动画和淡入淡出,动画结束后加一个回调函数实现元素隐藏或者显示

相似回答