yubin921130
2015-09-24 07:31
采纳率: 37.5%
浏览 2.6k

按钮控制浮层显示和隐藏,点击时显示,离开时隐藏

我在做的时候,网上找的js代码,用chrome调试的时候,点击按钮不会显示浮层容器,
提示栏在下面的display:block;上有一条横线杠掉。提示user agent stylesheet这里面
div {
display: block;
}
有谁能告诉我,哪里出问题了。急,在线等

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • 紫气天堂 2015-09-24 07:32
    已采纳

    被横线杠掉的表示样式被覆盖,你查一下css

    点赞 评论
  • yubin921130 2015-09-24 07:58

    图片说明

    点赞 评论
  • yubin921130 2015-09-24 08:51

    ![图片说明](https://img-ask.csdn.net/upload/201509/24/1443084728_906706.png)图片说明

    点赞 评论
  • yubin921130 2015-09-24 08:52

    图片说明

    点赞 评论
  • 紫气天堂 2015-09-24 09:15

    1、把index4中的display:none 删掉,以后显隐不要写在css里面,尽量写在div里

    2、

    这里使用删掉display后的index4

    3、onclick = "divObj2show()",只要onclick事件不会重复,或者需要传参数到script中,是可以不带参数的

    4、对应的js代码
    function divObj2show(){
    document.getElementById("div_temp2").style.display = "block";
    }

    5、对应的onmouseover函数和上边3和4的差不多,只是把4中的值换成 none

    点赞 评论
  • 紫气天堂 2015-09-24 09:15

    2、div id ="div_temp2" class = "index4" style="display:none;"

    点赞 评论
  • 张曼 2015-09-29 06:23

    jquery有一个toggle()。就是控制显示,隐藏的   不过只有1.8.2的版本适用

    点赞 评论

相关推荐 更多相似问题