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
>
查看全文
相关阅读:
ASP.NET中JSON的序列化和反序列化
Android:数据存储之SQLite
转Android:简单联网获取网页代码
Android:@id和@+id
linux .run文件安装
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
网页页面尺寸
openstack
br0
virsh
原文地址:https://www.cnblogs.com/qfb620/p/1109458.html
最新文章
flink的runtime核心机制
kafka权威指南总结
Phoenix的简单使用
基于Python的轻量级Web框架Flask
Flink的DataStream的详细介绍
理解flink connector
flink的watermark和window介绍以及延迟数据的处理
基于Spring的事务、分布式事务以及基于redis、zookeeper的分布式锁
mysql sql语句实例场景
springcloud(03)创建公共模块
热门文章
idea springboot热部署
springcloud(02)使用Gateaway
springboot将日志打印到指定文件
springcloud(01)启动Eureka Server,并将其他模块作为Eureka Client启动
Java G1垃圾回收器
JAVA JVM垃圾回收 JVM调优
把测试用例放到YARN上面执行
java面试总结(第二天)
java面试总结(第一天)
ubuntu 连接android手机
Copyright © 2011-2022 走看看