sphm.net
当前位置:首页 >> jquEry中的这段代码没有效果,点击按钮图片应该消失 >>

jquEry中的这段代码没有效果,点击按钮图片应该消失

你把jQuery的写法和js的写法弄混了吧。jQuery的写法应该是: $(function(){ $("#btn").click(function(){ $("#box").css({"display":"none"}); //$("#box").animate({"height":"300px"}); }) });

使用js定时器setTimeout()方法,定时三秒将要修改的图片的display设为none. setTimeout(function(){//定时器 $("img").css("display","none");//将图片的display属性设置为none},3000);//设置三千毫秒即3秒

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

应该是某个地方有报错了 按F12或者打开开发者工具 查看控制台的输出,看看有哪里报错

function change_pic(){var imgObj = document.getElementById("caocao_pic");var Flag=(imgObj.getAttribute("src",2)=="images/caocao.png")imgObj.src=Flag?"images/diaochan.png":"images/caocao.png";}

看你的代码,应该没问题啊,请检查你的jquery是否引入的正常。另外可以试试以下jquery代码 $("div").fadeTo('fast',0.5);$("div").mouseenter(function(){ $(this).fadeTo('fast',1);}).mouseleave(function(){ $(this).fadeTo('fast',0.5);})

RunJS 演示代码div {width: 50px;height: 50px;background-color: green;float:left;text-align:center;line-height:50px;margin-right:10px;cursor:pointer;}jQuery(function($){$("div:first").click(function(){var me = $(this);me.nextAll...

html: css: #box{position:relative; width:200px; height:100px;} .pic{position:absolute; top:0; left:0; width:200px; height:100px; z-index:99; display:none;} Jquery: $(window).ready(function(){ $("#box .pic").eq(0).show(); var...

背景用个class来进行css的样式固定,然后 $(this).addClass('class_name').siblings('selector').removeClass('class name') 点击哪个 哪个就加上这个classname其他的兄弟节点都去除这个classname 没看到你的节点格式,但是一般来说都是这么做的

$(".test").hover(function() { var me = $(this); me.children("div:hidden").show(); }, function() { var me = $(this); me.children("div:visible").hide(); });

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