knrt.net
当前位置:首页 >> jq实现点击切换 >>

jq实现点击切换

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

$("#pic").click(function(){ location.href='newpage.html';});上面的相当于 $("#pic").click(function(){ window.open('newpage.html');});相当于

把attr改成css,应该就可以了! 记得给后面的数值加上单位 例如 180px

css:/*原来的背景色*/.bg{background:'red'}/*要切换的背景色*/.bg_click{background:'green'}js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addCl...

这个,最好把你的html代码也贴出来吧。 $(function(){ $("#topnav li").each( $(this).bind("click",function(){ $(this).siblings().removeClass("click").children("span").css("display" ,"none"); $(this).addClass("click").children("span...

javascrpt和jquery 怎么实现动态的改变点击事件 javascrpt和jquery 如何实现动态的改变点击事件 标签: 函数: function x(){ $('#input').attr('onclick','').unbind('click').click(function(){y();}); } function y(){ $('#input').attr('onc...

你看一下,下面的代码,不明白再问我其中div指你点击的按钮,div1表示大图列表,div2表示小图列表$("div").click(function(){ if($("div1").css("display")="none"){ $("div1").show(); $("div2").hide(); }else{ $("div2").show(); $("div1").h...

实现图片切换方式举例如下: 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...

最新帖子热门主题新闻动态 $("dt[span]").each(function(){ $(this).click(function(){ $("dt[span]").each(function(){ var oldids=$(this).attr("name"); $("#"+oldids).hide(); }); var ids=$(this).attr("name"); $("#"+ids).show(); });});

1 2 $('.someclass').click(function (){ $('.someclass').hide(); $(this).show(); }); 不知道你是不是要这样

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