#学习笔记#(6)mouseenter-mouseleave显示隐藏内容-jQuery
来源:互联网 发布:淘宝上好玩的大人玩具 编辑:程序博客网 时间:2024/06/05 08:49
<pre name="code" class="html"><html><head><title>mouseenter-mouseleave显示隐藏内容-jQuery</title><style type="text/css">label{background-color:green;color:white;font-size:22px;}.div{display:none;}</style><script type="text/javascript" src="jquery-1.11.3.min.js"></script> </head><body><label id="label1">标签1</label><label id="label2">标签2</label></br><p>注:鼠标移动到标签上显示对应内容</p><div id="div1" class="div"><p>这是标题1的内容</p></div><div id="div2" class="div"><p>这是标题2的内容</p></div><script>$(document).ready(function(){$("#label1").mouseenter(function(){$("#div1").css('display','block');});//鼠标移进标签1显示div1的内容$("#label2").mouseenter(function(){$("#div2").css('display','block');});//鼠标移进标签2显示div2的内容$("#label1").mouseleave(function(){$("#div1").css('display','none');});//鼠标移出标签1隐藏div1的内容$("#label2").mouseleave(function(){$("#div2").css('display','none');});//鼠标移出标签2隐藏div2的内容});</script></body></html>
0 0
- #学习笔记#(6)mouseenter-mouseleave显示隐藏内容-jQuery
- jQuery中的mouseenter和mouseleave事件
- jQuery中的mouseenter和mouseleave事件
- jQuery---mouseover、mouseout、mouseenter、mouseleave区别
- jQuery 鼠标悬停行为 .hover ,mouseenter,mouseleave
- jQuery中的mouseenter和mouseleave事件
- jQuery中.mouseenter(),.mouseleave(),.mouseover(),.mouseout()
- jQuery 事件:MouseOver/MouseOut vs MouseEnter/MouseLeave
- jQuery中的mouseenter和mouseleave事件
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- JQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jquery 中的hover(),mouseleave()&mouseenter()和mouseover()&mouseout()的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- jQuery mouseover与mouseenter,mouseout与mouseleave的区别
- hdu5592
- 6大设计原则(五)---迪米特法则
- c库函数
- previous declaration of XXX was here
- webservice并行能力及配置
- #学习笔记#(6)mouseenter-mouseleave显示隐藏内容-jQuery
- Eclipse学习摘记
- 传智播客展望2016年大学毕业生求职现状
- 概要设计和详细设计的区别与联系
- UI图层层级,学IOS开发必备
- php操作mysql
- js console 函数详解(js开发调试的利器)即 Firebug控制台
- 阿里
- leetcode Happy Number