(3)自定义鼠标提示

本文介绍了一种通过创建隐藏的div标签来实现自定义鼠标提示的方法,当鼠标移动到指定目标上时,显示包含丰富内容如粗体、斜体甚至图片的提示信息。通过JavaScript实现显示和隐藏,以及定位提示框位置。
摘要由CSDN通过智能技术生成
<!-- 说明:有时候单单用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")
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值