knrt.net
当前位置:首页 >> jquEry点击切换图片 >>

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("cu...

function changeImg(){ $("img").attr("src","02.png"); }

$("input[type=button][name='按钮name']").bind("click",function(){ switch(this.id) { case "按钮1": //图片 break; case "按钮2": //图片 break; case "按钮3": //图片 break; case "按钮4": //图片 break; } });

你好! 你的jQuery是什么版本的? 1.9之前的版本可以使用toggle函数,例如: $("#obj").toggle(function(){ //设置背景图片1},function(){ //设置背景图片2}); 1.9开始这个toggle函数就被移除了,只能自己来实现一个toggle的函数了。

举个例子:假设你已经引入了jquery,而html结构如下: 那么你的js可以这么写: $("#swphoto").click(function(){ $("#swphoto>img").toggle();});

js中属性操作不是这个样子的,应该用setAttribute(n,m),其中有两个参数,第一个是属性名,第二个参数是属性值.

可以采用如下思路:分别将两种背景图片设为两个类,然后使用toggleClass()方法切换类: $(selector).toggleClass('class_a').toggleClass('class_b');示例如下: 创建Html代码:一个简单的div用于显示背景图片 设置css样式:分别为两个背景设计...

var $img= $('image_div')$('btn_four').on('click', function (e) { var url, index = $(e.target).index(); switch (index) { case 0: { url = '猫图的地址' }; break; //猫狗 // case 1…… } $img.attr('src', url);})

$("#button1>a>img").click(function () { $(this).attr("src","你要显示的图片地址") ; })

使用jquery切换吧 function(obj){ obj.src="2.jpg"; }

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com