(3)自定义鼠标提示

原创 2013年12月01日 20:13:05
<!-- 说明:有时候单单用title属性来显示文本提示语言远远不够,我们想用粗体或者斜体电费鼠标提示,或者包含图片的鼠标提示,则可以
通过创建隐藏的div标签来实现,当鼠标移动到指定目标上的时候就显示这个隐藏的div块 。此代码可灵活修改,如添加图片显示则可以在div1中加上<img/>标签等等-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title> 自定义鼠标提示,可以提示文字之外,还能提示图片等等</title>
    
    <script type="text/javascript">
 		function show(oevent){
 			var odiv= document.getElementById("div1");
 			odiv.style.visibility="visible";
 			odiv.style.left=oevent.clientX+15;
 			odiv.style.top=oevent.clientY+15;
 		}
 		
 		function hide(oevent){
 			var odiv=document.getElementById("div1");
 			odiv.style.visibility="hidden";
 		}
 
 </script>
  </head>
  <body>
  <div id="div2" style="background-color: red;height:20px; width:300px;" onmouseover="show(event)" onmouseout="hide(event)"></div>
		<div id="div1" style="background-color: blue;position:absolute;visibility:hidden;padding:25px;"></div>
  </body>
  
</html>

自定义鼠标提示

做本次实验用的ie6和firefox2.0.0.17      function showTip(oEvent){    var oDiv = document.getElementById("div...
  • thamsyangsw
  • thamsyangsw
  • 2008年11月07日 14:25
  • 603

如何在CSS中自定义鼠标样式?

解决方案 cursor:url(images/cursor.cur),auto; 注意: 1.IE只支持cur、ani格式,其它浏览器支持png,jpg,ico等格式。 2...
  • mengmakies
  • mengmakies
  • 2016年05月24日 00:00
  • 1134

CSS自定义鼠标指针样式

还记得Web 1.0时代的那些苦逼岁月吗? 你想尽一切办法来优化你的网站. 还要饱受IE6惨无人道的虐待,举个栗子, IE中那些害死人不偿命的滚动条, 我一直记得第三方类库 CometCursor. ...
  • renfufei
  • renfufei
  • 2014年09月17日 10:47
  • 12562

WPF 自定义鼠标指针图片

WPF中自定义鼠标光标图片
  • hjnth
  • hjnth
  • 2017年02月22日 13:25
  • 1006

Eclipse关闭鼠标悬停提示和Eclipse中的快捷键

Window->Preferences->Java->Editor->Hovers 将[Combined Hover]               取消即可....
  • superdog007
  • superdog007
  • 2014年04月23日 15:22
  • 1432

html实现鼠标经过时有提示信息

鼠标经过时有提示信息                         图书编号图书名称      图书作者图书价格             001     《《Java ...
  • pangqiandou
  • pangqiandou
  • 2016年10月16日 18:41
  • 7292

Eclipse 打开鼠标悬停提示功能

通常我们在使用 Eclipse 编辑 java 类文件时,缺少引用之类的,会在类名下面显示红色的波浪线,鼠标移上去会显示解决此类问题的提示,但今天一个小伙伴的 Eclipse 却怎么也不弹出提示了。解...
  • testcs_dn
  • testcs_dn
  • 2017年04月10日 19:04
  • 3837

Sublime Text 3设置鼠标键

Sublime Text 3可以通过修改”Preferences/key bindings”来自定义快捷键,但是并未提供类似的功能来修改鼠标键,而是需要通过修改”Default (OS).sublim...
  • vvfish119
  • vvfish119
  • 2017年11月23日 15:47
  • 219

QT自定义鼠标样式

QT自定义鼠标样式
  • Hello_Wendy
  • Hello_Wendy
  • 2017年03月08日 15:06
  • 1126

cocos2d-js html5自定义鼠标图案及设置原点方法

cocos2d-html5自定义鼠标方法
  • splove520
  • splove520
  • 2015年12月16日 14:38
  • 1147
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(3)自定义鼠标提示
举报原因:
原因补充:

(最多只允许输入30个字)