zoukankan
html css js c++ java
自动提示效果
前阵子,IE的title提示突然罢工了,找了很多原因就是没找到,一次实验popup.show后,它居然会出来,可是要让title出来前每次都必须调用popup.show方法,这怎么行呢
,估计还是注册表的问题吧,终于放弃,于是制作了这个简单的自动提示js文件。支持firefox&ie,也不会有自带的提示那种过一段时间消失的问题了。
<
html
>
<
head
>
<
title
>
tip
</
title
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
>
</
head
>
<
body
>
<
script
>
if
(
!
document.attachEvent)
{
document.attachEvent
=
function
()
{document.addEventListener(arguments[
0
].substr(
2
),arguments[
1
],arguments[
2
])}
}
document.attachEvent(
"
onmouseover
"
,
function
(e)
{
var
tip
=
""
;
if
(
typeof
(event)
==
"
undefined
"
)
{
tip
=
e.target.getAttribute(
"
tips
"
)
}
else
{
e
=
event;
tip
=
e.srcElement.tips;
}
if
(
typeof
(tip)
!=
"
undefined
"
&&
tip.length
>
0
)
{
var
_tips
=
document.getElementById(
"
myTip
"
);
if
(
typeof
(_tips)
==
"
undefined
"
||
_tips
==
null
)
{
_tips
=
document.createElement(
"
div
"
);
_tips.id
=
"
myTip
"
;
_tips.style.position
=
"
absolute
"
;
_tips.style.width
=
"
150px
"
;
_tips.style.borderWidth
=
"
1px
"
;
_tips.style.borderStyle
=
"
solid
"
;
_tips.style.borderColor
=
"
gray
"
;
_tips.style.fontSize
=
"
9pt
"
;
_tips.style.backgroundColor
=
"
#ffffff
"
;
_tips.style.color
=
"
#349045
"
;
_tips.style.filter
=
"
progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3)
"
;
_tips.style.padding
=
"
5px 8px 3px 8px
"
;
document.body.appendChild(_tips);
_tips.style.display
=
"
none
"
;
}
_tips.style.display
=
""
;
_tips.innerHTML
=
tip;
_tips.style.left
=
document.body.scrollLeft
+
e.clientX
+
10
;
_tips.style.top
=
document.body.scrollTop
+
e.clientY
+
10
;
}
}
);
document.attachEvent('onmouseout',
function
(e)
{
var
_tips
=
document.getElementById(
"
myTip
"
);
if
(_tips
!=
null
)
{
_tips.style.display
=
"
none
"
;
}
}
)
</
script
>
<
a
href
="#"
tips
="自定义提示"
>
测试链接
</
a
>
<
a
href
="#"
>
测试链接
</
a
>
<
a
href
="#"
tips
="中华人民共和国中华人民共和国自中华人民共和国中华人民共和国自定义提示中华人民共和国中华人民共和国自定义提示中华人民共和国中华人民共和国自定义提示定义提示"
>
测试链接
</
a
>
</
body
>
</
html
>
生活学习
查看全文
相关阅读:
正则表达式教材 Joe
[转载]TCP链接主动关闭不发fin包奇怪行为分析 Joe
末日之前的序列化 Joe
系统学习正则表达式并实践 Joe
jsDate()对象,get/setFullYear(),getDay()编程练习
js编程练习题输出年月日以及练习字符串分割,检索,转换整数(int)
java抽象类,接口(接口定义,实现接口,instanceof运算符,对象转换)
java基础文件,File类
Android App Developers GUI Kits, Icons, Fonts and Tools
【eclipse】eclipse资源大全
原文地址:https://www.cnblogs.com/ttyp/p/174714.html
最新文章
【编程基本功练习0】zoj 3486
[推荐系统] Xbox 推荐 paper
[无关] 胡言乱语2
屌丝一词真正来源
[python] ZZ 随机数生成
Error: java.lang.NoClassDefFoundError: javax/servlet/jsp/jstl/core/LoopTag when using c:forEach tomcat version 7.0
A small configuration trick of Spring MVC web.xml
JPAJava Persistence API
【转】HTML5 API——无刷新更新地址 history.pushState/replaceState 方法
Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容
热门文章
也谈谈罪恶的Haslayouthaslayout解决之道
js汉字排序问题支持中英文混排,兼容各浏览器,包括CHROME
suggestion开发小结以及 对键盘事件的总结(针对中文输入法状态)
oracle导入导出数据
小故事~地主、谋士与长工的故事 Joe
CSharp 从资源文件中动态加载DLL Joe
位图的宽度 Joe
操作系统对于文件和文件名的限制 Joe
2013年的目标 Joe
书摘~架构设计考虑的问题 Joe
Copyright © 2011-2022 走看看