zoukankan
html css js c++ java
[推荐]一个用来给控件做提示的JS脚本,鼠标移到控件上时出现提示,离开时消失!
<
script language
=
"
javascript
"
>
if
(
typeof
fcolor
==
'undefined') {
var
fcolor
=
"
F1E4E4
"
;}
if
(
typeof
backcolor
==
'undefined') {
var
backcolor
=
"
Royalblur
"
;}
if
(
typeof
textcolor
==
'undefined') {
var
textcolor
=
"
000000
"
;}
if
(
typeof
capcolor
==
'undefined') {
var
capcolor
=
"
FFFFFF
"
;}
if
(
typeof
closecolor
==
'undefined') {
var
closecolor
=
"
#9999FF
"
;}
if
(
typeof
width
==
'undefined') {
var
width
=
"
100
"
;}
if
(
typeof
border
==
'undefined') {
var
border
=
"
1
"
;}
if
(
typeof
offsetx
==
'undefined') {
var
offsetx
=
30
;}
if
(
typeof
offsety
==
'undefined') {
var
offsety
=
-
10
;}
if
(
typeof
align
==
'undefined') {
var
align
=
"
center
"
;}
ns4
=
(document.layers)
?
true
:
false
ie4
=
(document.all)
?
true
:
false
if
(ie4) {
if
(navigator.userAgent.indexOf('MSIE
5
')
>
0
) {
ie5
=
true
;
}
else
{
ie5
=
false
; }
}
else
{
ie5
=
false
;
}
var
x
=
0
;
var
y
=
0
;
var
snow
=
0
;
var
sw
=
0
;
var
cnt
=
0
;
var
dir
=
1
;
var
tr
=
1
;
if
( (ns4)
||
(ie4) ) {
if
(ns4) over
=
document.overDiv
if
(ie4) over
=
overDiv.style
document.onmousemove
=
mouseMove
if
(ns4) document.captureEvents(Event.MOUSEMOVE)
}
function
drs(text) {
dts(
1
,text);
}
function
drc(text, title) {
dtc(
1
,text,title);
}
function
src(text,title) {
stc(
1
,text,title);
}
function
dls(text) {
dts(
0
,text);
}
function
dlc(text, title) {
dtc(
0
,text,title);
}
function
slc(text,title) {
stc(
0
,text,title);
}
function
dcs(text) {
dts(
2
,text);
}
function
dcc(text, title) {
dtc(
2
,text,title);
}
function
scc(text,title) {
stc(
2
,text,title);
}
function
nd() {
if
( cnt
>=
1
) { sw
=
0
};
if
( (ns4)
||
(ie4) ) {
if
( sw
==
0
) {
snow
=
0
;
hideObject(over);
}
else
{
cnt
++
;
}
}
}
function
dts(d,text) {
txt
=
"
<TABLE WIDTH=
"
+
width
+
"
BORDER=0 CELLPADDING=
"
+
border
+
"
CELLSPACING=0 BGCOLOR=\
""
+backcolor+
"
\
"
><TR><TD align=center><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\
""
+fcolor+
"
\
"
><TR><TD align=center><FONT FACE=\
"
Arial,Helvetica\
"
COLOR=\
""
+textcolor+
"
\
"
SIZE=\
"
-
2
\
"
>
"
+
text
+
"
</FONT></TD></TR></TABLE></TD></TR></TABLE>
"
layerWrite(txt);
dir
=
d;
disp();
}
function
dtc(d,text, title) {
txt
=
"
<TABLE WIDTH=70 BORDER=0 CELLPADDING=
"
+
border
+
"
CELLSPACING=0 BGCOLOR=\
""
+backcolor+
"
\
"
><TR><TD align=center ><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD align=center><SPAN STYLE=\
"
FONT
-
SIZE:11px\
"
ID=\
"
PTT\
"
><B><FONT FACE=Verdana COLOR=\
""
+capcolor+
"
\
"
>
"
+
title
+
"
</FONT></B></SPAN></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\
""
+fcolor+
"
\
"
><TR><TD align=center><SPAN ID=\
"
PST\
"
style=\
"
font
-
size:12px\
"
><image width=70 height=85 src=
"
+
text
+
"
><SPAN></TD></TR></TABLE></TD></TR></TABLE>
"
layerWrite(txt);
dir
=
d;
disp();
}
function
stc(d,text, title) {
sw
=
1
;
cnt
=
0
;
txt
=
"
<TABLE WIDTH=
"
+
width
+
"
BORDER=0 CELLPADDING=
"
+
border
+
"
CELLSPACING=0 BGCOLOR=\
""
+backcolor+
"
\
"
><TR><TD align=center><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD align=center><SPAN ID=\
"
PTT\
"
><B><FONT COLOR=\
""
+capcolor+
"
\
"
>
"
+
title
+
"
</FONT></B></SPAN></TD><TD ALIGN=RIGHT><A HREF=\
"
/
\
"
onMouseOver=\
"
cClick();\
"
ID=\
"
PCL\
"
><FONT COLOR=\
""
+closecolor+
"
\
"
>Close</FONT></A></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\
""
+fcolor+
"
\
"
><TR><TD><SPAN ID=\
"
PST\
"
><FONT COLOR=\
""
+textcolor+
"
\
"
>
"
+
text
+
"
</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>
"
layerWrite(txt);
dir
=
d;
disp();
snow
=
0
;
}
function
disp() {
if
( (ns4)
||
(ie4) ) {
if
(snow
==
0
) {
if
(dir
==
2
) {
moveTo(over,x
+
offsetx
-
(width
/
2
),y
+
offsety);
}
if
(dir
==
1
) {
moveTo(over,x
+
offsetx,y
+
offsety);
}
if
(dir
==
0
) {
moveTo(over,x
-
offsetx
-
width,y
+
offsety);
}
showObject(over);
snow
=
1
;
}
}
}
function
mouseMove(e) {
if
(ns4) {x
=
e.pageX; y
=
e.pageY;}
if
(ie4) {x
=
event.x; y
=
event.y;}
if
(ie5) {x
=
event.x
+
document.body.scrollLeft; y
=
event.y
+
document.body.scrollTop;}
if
(snow) {
if
(dir
==
2
) {
moveTo(over,x
+
offsetx
-
(width
/
2
),y
+
offsety);
}
if
(dir
==
1
) {
moveTo(over,x
+
offsetx,y
+
offsety);
}
if
(dir
==
0
) {
moveTo(over,x
-
offsetx
-
width,y
+
offsety);
}
}
}
function
cClick() {
hideObject(over);
sw
=
0
;
}
function
layerWrite(txt) {
if
(ns4) {
var
lyr
=
document.overDiv.document
lyr.write(txt)
lyr.close()
}
else
if
(ie4) document.all[
"
overDiv
"
].innerHTML
=
txt
if
(tr) { trk(); }
}
function
showObject(obj) {
if
(ns4) obj.visibility
=
"
show
"
else
if
(ie4) obj.visibility
=
"
visible
"
}
function
hideObject(obj) {
if
(ns4) obj.visibility
=
"
hide
"
else
if
(ie4) obj.visibility
=
"
hidden
"
}
function
moveTo(obj,xL,yL) {
obj.left
=
xL
obj.top
=
yL
}
function
trk() {
if
( (ns4)
||
(ie4) )
tr
=
0
;
}
</
script
>
Control代表任何一个。net服务器端控件
Control.Attributes.Add("onmouseover", "javascript:drc('" + tip1 + "','" + tip2 + "');")
Control.Attributes.Add("onmouseout", "javascript:nd();")
tip1和tip2 可以是从数据库里读出来的值!
查看全文
相关阅读:
先不说 console,其实你连 console.log 都不会
2019 年终总结 & 2020 年度计划
将毫秒格式化为天、小时、分钟、秒
山村老事
快速更改对象中的字段名
基于 ECharts 封装甘特图并实现自动滚屏
JS 将数值取整为10的倍数
Flutter 徐徐图之(一)—— 从搭建开发环境到 Hello World
Vue-Cli 3.x 创建的项目中对 import 引入的 CSS 样式启用 autoprefixer
word——插入目录
原文地址:https://www.cnblogs.com/goody9807/p/218484.html
最新文章
Java 从入门到进阶之路(十三)
Java 从入门到进阶之路(十二)
Java 从入门到进阶之路(十一)
Java 从入门到进阶之路(十)
Java 从入门到进阶之路(九)
如何在云服务器上自动运行.py文件
阿里云服务器部署Tornado应用
方法小工具整理
Chrome插件开发(四)
Chrome插件开发(三)
热门文章
Chrome插件开发(二)
Chrome插件开发(一)
Python+Tornado+Tampermonkey 获取某讯等主流视频网站的会员视频解析播放
Java 从入门到进阶之路(八)
Java 从入门到进阶之路(七)
Java 从入门到进阶之路(六)
uwp 图片切换动画
uwp如何建立任何形状的头像,如圆形,方形,六边形等
在UWP中页面滑动导航栏置顶
Umi 小白纪实(一)—— 创建项目&常用配置
Copyright © 2011-2022 走看看