u010397908
MyLove丶寶貝
2015-11-09 08:09
采纳率: 50%
浏览 1.5k

求一个JS显示隐藏层的代码

现有代码:

....
....

点击class=1 时显示 class=2 层,
同时

改变为
.
鼠标移开变回为默认的就是隐藏.
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • u014084771
    已采纳

    $(class1).click(function(){//点击事件
    $(class2).show();//显示class2内容
    $(class1).html('.');//改变class2内容
    });
    $(class1).mouseout(function(){//鼠标移开事件
    $(class2).hide();//隐藏class2
    });
    其实我没看懂楼主的需求,为嘛要用.....

    点赞 评论
  • showbo
     <style>.hover{color:red}</style>
    <div class="1" onclick="showDiv(this)" rel="div1">....</div>
    <div class="2" style="display: none;" id="div1">....</div>
    <script>
        function showDiv(d) {
            var id = d.getAttribute('rel');
            document.getElementById(id).style.display = 'block';
            if(d.className.indexOf('hover')==-1)d.className = d.className += ' hover';
        }
    </script>
    
    点赞 评论

相关推荐