丨熊猫丨 2015-06-24 07:04 采纳率: 50%
浏览 3069
已结题

js点击子元素让父元素隐藏失效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



登录

  • 分类一
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类二
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类三
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类四
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类五
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
个人
商户
志愿者
验证码

版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有


body{margin:0px;padding:0px;font-family:宋体,Arial;font-size:13px;position:relative;background:#FFF9E1;}
ol,ul,li,img,input{margin:0px;padding:0px;list-style:none;}
div{margin:0px auto;padding:0px}
.bgcolor{background:#E84B66 !important;}
img,input{outline:none;}
.bgcolor-one{background:#4FB8CF !important;color:#FFF;}
.hide{ display:none;}

#out-content{min-height:480px;}
#content{width:1000px; overflow:hidden; position:relative;}
#nav-title{width:1000px;height:50px;}
#nav-title li{float:left;font-size:15px;font-weight:700;color:#A4A3A2;line-height:50px;cursor:pointer; position:relative; width:80px; height:50px; color:#4D4D4D; text-align:center;}
.show-text{position:absolute; width:500px; height:330px; z-index:9000; background:#FFF;padding:15px; line-height:20px; letter-spacing:1px; font-size:13px;font-weight:400; color:#4D4D4D; top:50px; display:none;}
.xuanzhuan{width:30px;height:30px;background:#FFF;position:absolute; top:-10px; z-index:-1000;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 /
-moz-transform:rotate(45deg); /
Firefox /
-webkit-transform:rotate(45deg); /
Safari 和 Chrome /
-o-transform:rotate(45deg); /
Opera */
}
.close-img{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000;}
.closex{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000; color:red; font-size:16px; line-height:18px;}

#myslide{width:650px;height:420px;position:relative;overflow:hidden;float:left;}
#myslide img{width:650px;height:420px;border:none;outline:none;position:absolute;top:0px;left:0px;display:none;}
#myslide img.first{display:block;}
#myslide ul{position:absolute;z-index:8000;bottom:20px;}
#myslide ul li{float:left;width:10px;height:10px;margin-left:8px;border-radius:50%;background:#FFF;}
#myslide ul li:hover{background:#E84B66;}

#login{width:300px; height:420px; float:right; border:1px solid #E4E4E4;}
#login .title{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:800; border-bottom:1px solid #E1E1E1;background:#EBF2F9;}
#login .title .title-one{width:99px; border-right:1px solid #E1E1E1;float:left; text-align:center; cursor:pointer;}
#login .title .title-two{width:99px; border-right:1px solid #E1E1E1;float:left;text-align:center;cursor:pointer;}
#login .title .title-three{width:100px;float:left;text-align:center;cursor:pointer;}
#login .uname{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:35px; vertical-align:middle; background:#FFF;}
#login .uname .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;}
#login .uname .img-one{width:32px; height:32px; margin-top:4px; float:left;}
#login .upwd{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:25px;background:#FFF;}
#login .upwd .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;}
#login .upwd .img-one{width:32px; height:32px; margin-top:4px; float:left;}
#login .uyzm{width:240px;height:40px;border-radius:5px; margin-top:30px;}
#login .uyzm .name{width:53px; height:40px; line-height:40px; float:left; text-align:
left; font-size:15px;color:#9D9D9D;}
#login .uyzm .input-yzm{width:80px; height:32px; line-height:32px; padding:0px 5px; float:left; border:1px solid #DDDDDD;}
#login .uyzm .img-yzm{ width:80px; height:34px; float:left; margin-left:12px;}
#login .btn-login{width:240px; height:40px; line-height:40px; color:#FFF; background:#E94A66;border-radius:5px; margin-top:55px; border:none; margin-left:30px; font-size:18px; font-weight:bold;}

#footer{width:1000px; height:120px; line-height:120px; text-align:center;}

$(document).ready(function(e) {

$("#myslide ul").css("left",function(){
    return  ($("#myslide").width()-$("#myslide ul").outerWidth())/2-4;
});
$("#myslide ul li").eq(0).addClass("bgcolor");
var index=1;
function Slide(){
    if(index>=$("#myslide img").length){
        index=0;    
    }
    $("#myslide img").hide();
    $("#myslide").find("img").eq(index).show();
    $("#myslide ul li").removeClass("bgcolor");
    $("#myslide ul li").eq(index).addClass("bgcolor");
    index++;    
}
var StartSlide=setInterval(Slide,6000);

$("#myslide ul li").click(function(){
    var lindex=$(this).index();
    $("#myslide img").hide();
    $("#myslide").find("img").eq(lindex).show();
    $("#myslide ul li").removeClass("bgcolor");
    $("#myslide ul li").eq(lindex).addClass("bgcolor");
    index=lindex+1;
    clearInterval(StartSlide);
    StartSlide=setInterval(Slide,6000);
});


$("#login .title div").click(function(){
    $("#login .title div").removeClass("bgcolor-one");
    $(this).addClass("bgcolor-one");    
});


$("#out-content").css("height",$(window).height()-$("#footer").height());
$("#content").css("margin-top",($("#out-content").height()-$("#content").height())/2);





$("#nav-title li").click(function(){
    $(".show-text").hide();
    $(this).find(".show-text").show();  
});



$(".close-img").click(function(){
    alert("123");
    $(".show-text").hide(); 

});

});

  • 写回答

2条回答

  • 丨熊猫丨 2015-06-24 07:05
    关注

    js的最后一个click事件失效了,求高手解答!

    评论

报告相同问题?

悬赏问题

  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。