当前位置: 首页 > 基础知识

js 鼠标悬停,asp+js 鼠标悬停图片上,显示相关内容

 时间:2020-04-30 09:44:27 来源: 

用js,鼠标在一个<a>上悬停,如何获取当前悬停的<a>所指向的地址?

zd<a href="http://www.baidu.com" onmouseover="this.title=this.href">aaaaa</a>

每个li,鼠标悬停时都出现各自的button,移开消失

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><scriptsrc="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><style>e68a84e799bee5baa6e79fa5e9819331333363373639button{display:none;}li{height:36px;line-height:36px;}</style></head><body><ul><li>最近发布<button>编辑</button><button>删除</button></li><li>热门视频<button>编辑</button><button>删除</button></li><li>最新动态<button>编辑</button><button>删除</button></li></ul><script>$(function(){$("li").hover(function(){$(this).find('button').show();},function(){$(this).find('button').hide();});})</script></body></html>

js 微博提示框效果(鼠标悬停提示)

原理其实你自己都已经知道了。具体实现见代码:<html> <head> <script> var objA=null,intrval=null; function show(obj){ if(!obj)obj=objA; else objA=obj; if(intrval){ window.clearTimeout(intrval); intrval=null; } var div_tip=document.getElementById("div_tip"); div_tip.style.display="block"; div_tip.style.left=(obj.offsetLeft+20)+"px"; div_tip.style.top=(obj.offsetTop-div_tip.offsetHeight)+"px"; } function hide(){ //现在这个demo提示框和超链接没重叠e799bee5baa631333332626635部分,所以延时50毫秒隐藏提示框,以解决移出超链接到移入提示框这个过程之间提示框隐藏掉。 //大部分时候可能是做成有重叠的,就不需要延时隐藏。 intrval=window.setTimeout(function(){ document.getElementById("div_tip").style.display="none"; },50); } </script> </head> <body> <br/><br/><br/><br/><br/><br/> <a href='#' onmouseover="show(this)" onmouseout="hide()">超链接内容</a> <div id="div_tip" style='width:100px;height:100px;display:none;background:red;position:absolute;' onmouseover="show()" onmouseout="this.style.display='none';"></div> </body></html>

JS中如何实现鼠标悬停在按钮上显示文字

直接加title属性 就行了 例如<img scr="../XXX" onclick="" title="删除" />本回答被网友采纳

怎么用JS实现鼠标点击保留导航链接划过的样式?(请仔细看CSS样式,要求两边的样式都可以保留)

你的描述并不详细,如果要用js的话,那么也就是使百用切换className的js语句来处理,比如下面这个:document.getElementById("id").className='';当你鼠标滑过的时候用上面语句调用一个className,当鼠标离开的时候又调度用另一个className,当然这两个className的样式你自己可以定义了,不知道能不能帮上你,祝你好运!