自己写的js鼠标提示框

原创 2011年05月09日 16:01:00

  由于浏览器的对title属性的鼠标提示效果太难看,自己写了简单的鼠标提示框,其实也就是一些简单的js,废话少说直接上代码。

JS:

Bubble.js

 

CSS:

Bubble.css

 

HTML:

 

测试结果要导入jquery

这里用的是<script type='text/javascript'  src="jquery-1.4.4.js"></script>

今天发现有个让div换行的方法:white-space:nowrap;white-space:normal;

js实现跟随鼠标移动的提示框

js实现文本框内跟随鼠标移动的提示框,即当鼠标在指定的文本框内时,弹出一个提示,根据鼠标移动显示在鼠标右下角,鼠标离开文本框时提示消失,效果如下: 首先需要定义一个div块,弹出的提示实...
  • zlinhua
  • zlinhua
  • 2012年10月26日 09:18
  • 1508

jquery 鼠标停留显示提示框,提示框位置跟随鼠标移动

这段代码经过演示,可以达到标题所说的效果,注意需要引入js文件 jquery鼠标经过淡入显示提示框 演示 .div{ border:1px solid #0000FF;...
  • Sunc23
  • Sunc23
  • 2014年12月04日 13:44
  • 2931

鼠标点击,在点击的地方出现提示框

鼠标点击,在点击的地方出现提示框 $(document).ready(function(){ //触发class = c 的点击事件 $(".c").click(function()...
  • oXiaoRenWu001
  • oXiaoRenWu001
  • 2014年01月16日 10:34
  • 1540

JS特效:鼠标悬停显示提示

function showtip2(current,e,text) { if (document.readyState=="complete") { document.all.tooltip2...
  • hn307165411
  • hn307165411
  • 2014年04月13日 21:33
  • 12742

DIV+js+css跟随鼠标的浮动提示框

转载地址:http://blog.163.com/meng_qiang/blog/static/1773543732011416105516937/
  • qm2010429
  • qm2010429
  • 2014年06月19日 11:24
  • 2720

鼠标经过自动弹出提示框

思路:首先写DOM结构,先编写若干div,隐藏弹窗部分,设置display为none,添加完样式后,通过js来判断是否鼠标经过,当鼠标经过,则触发弹出提示框事件,也就是将弹窗部分的display设置为...
  • u014106213
  • u014106213
  • 2017年03月09日 17:14
  • 236

javascript网页特效——鼠标特效

实例一:禁用鼠标右键 //为文档的鼠标按下事件定义回调 document.onmousedown = function(event){ ...
  • gemingzhu
  • gemingzhu
  • 2016年09月11日 09:36
  • 256

用Jquery写的hover时的Tip提示

jquery写的hover时提示
  • th_nightmare
  • th_nightmare
  • 2015年06月25日 19:41
  • 1130

JS鼠标提示框

(鼠标悬浮提示)前两天,看到126邮箱登陆界面上有个安全提示的功能鼠标提示框,如下图,感觉有点意思,正好自己正在学习JS,于是自己百度了一下视频,现在和大家分享下。...
  • xiaoleng_pj
  • xiaoleng_pj
  • 2016年03月07日 23:38
  • 179

Ext实现鼠标悬浮提示

function addTab(tabName, obj) { tabs.add({ title : ""+tabName+"", iconCls : 'tabs', ...
  • hanzhou4519
  • hanzhou4519
  • 2012年08月23日 14:53
  • 1495
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自己写的js鼠标提示框
举报原因:
原因补充:

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