鼠标移上与移出事件

$(‘#newcl‘).hover(function(){                     $("#newcl").hide();                     $("#popDiv").show(                         function(){                             $("#popDiv").hover(function(){                                 $("#newcl").hide();                                 $("#popDiv").show();

},function(){                                 $("#newcl").show();                                 $("#popDiv").hide();                             });                         }                     );             });

/*$("#newcl").mouseover(function()              {                 $("#newcl").hide();                 $("#popDiv").show(1000);

}).mouseout(function()              {                  $("#newcl").show();                 $("#popDiv").hide(1000);

});*/              /*$("#newcl").mouseenter(function()              {                 $("#newcl").hide();                 $("#popDiv").show();

});              $("#popDiv").mouseleaver(function()              {                 $("#newcl").show();                 $("#popDiv").hide();

});*/              /*$(‘#popDiv‘).mouseout(function(){                 //if($("#popDiv").css("display","none")){                     //$(‘#newcl‘).css("display","none");                    // $("#popDiv").css("display","block");                 //}else{                     $(‘#newcl‘).css("display","block");                     $("#popDiv").css("display","noen");                 //}             });*/             /*$(‘#newcl‘).mouseover(function(){                 //if($("#popDiv").css("display","none")){                     $(‘#newcl‘).css("display","none");                     $("#popDiv").css("display","block");                 //}else{                   //  $(‘#newcl‘).css("display","block");                    // $("#popDiv").css("display","noen");                 //}             });              $(‘#popDiv‘).mouseout(function(){                 //if($("#popDiv").css("display","none")){                     //$(‘#newcl‘).css("display","none");                    // $("#popDiv").css("display","block");                 //}else{                     $(‘#newcl‘).css("display","block");                     $("#popDiv").css("display","noen");                 //}             });*/

时间: 2024-11-09 03:48:55

鼠标移上与移出事件的相关文章

jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)

<script> $(function(){ var text ; $(".pos span").each(function(){ text = $(this).text().trim(); if(text=="设为默认"){ $(this).css('display','none'); } }); $(".pos").mouseover(function(){ //鼠标移进显示效果 text = $(this).find('span

图片淡入淡出代码,鼠标移上透明度变化

又一个图片透明度特效,鼠标移在图片上,图片的透明度就发生变化,最初的透明度为20,鼠标移上后透明度恢复正常,很明显的响应鼠标的图片特效,而且代码超简单,新手也能学会使用. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>石家庄伸缩门</title> </head>

鼠标移上图片滑出文字提示

本效果演示了一个响应鼠标的提示功能,鼠标移上图片后会滑出一个带背景的提示框,用CSS去控制它的大小和样式,用JS去控制它的滑出和速度,图文混排的时候这个能用得上. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="

只要把鼠标移上Div方框,方框就自动顺时针旋转

这是一个CSS3特效,IE下看不到效果.一个Div方框,在CSS3代码的作用下,只要把鼠标移上Div方框,方框就自动顺时针旋转.代码量不大,甚至有些简单,作为一个基础的CSS3实例,我想还是比较不错的,有一定参考价值. <!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3旋转</title><style>.rotate {width:

DIV内容超出长度显示省略号,鼠标移上自动显示全部内容(EasyUI DataGrid)

如果想把DIV中超出的文本显示成省略号,而不是换行全部显示,有2个办法. 注:本文主要是以EasyUI的DataGrid为案例的,如果是其他场景只要底层是用DIV显示文本的应该都能使用. 首先可以给此DIV指定3个关键样式{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 指定样式后,文本超长已经会显示省略号了.如果想鼠标移上去显示全文的话,有2个办法: 一个是把全部文本写在div的title属性里面,还有一个办法是在原

鼠标移上,内容显示

1,单纯显示文本内容: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

css实现 鼠标移上放大效果 或 显示隐藏内容 简单原型

适当调整即可变为图片放大镜效果,或者鼠标移上去显示隐藏内容(ie6对hover支持不够完善,推荐在火狐或谷歌中观看). 效果如图: css: .demo {        width: 318px;        margin: 100px auto 0 auto;    } .demo:after {        content: "";        display: block;        height: 0;        clear: both;    } .demo

CSS定义鼠标移上图片链接,出现边框效果

<html><head><title>友情链接用的CSS图片链接和文字链接样式</title><style>.f4{width:100%; overflow:hidden; clear:both; margin:0; padding:0;}.f4 li{ width:94px; height:37px; display:block; float:left; overflow:hidden; margin:10px 12px 2px 3px;}.f

css实现鼠标移上图片遮罩效果

ie6对hover支持不完善,所以不兼容,最好在火狐或谷歌等标准浏览器中观看.Demo下载 效果如图: css: #demo {        width: 306px;        height: 204px;        padding: 3px;        border: 1px solid #e5e5e5;        margin: 100px auto 0 auto;        background: #fff;    } #demo:after {        co