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 可以是从数据库里读出来的值!
查看全文
相关阅读:
思维导图
第九周学习
java连接数据库执行SQL并把查询到的数据保存到磁盘
火狐浏览器安装firebug和firepath插件方法(离线)
selenium自动化测试资源整理(含所有版本chrome、chromedriver、firefox下载链接)
Jenkins调度Selenium脚本不能打开浏览器解决办法
selenium如何操作HTML5的画布canvas上的元素
Java中如何使用非强制类型转换把字符串转换成int类型
自动化测试如何使用driver.findElements去操作页面元素
Jmeter响应数据中文乱码
原文地址:https://www.cnblogs.com/goody9807/p/218484.html
最新文章
装饰模式
迪米特法则
里氏替换/开闭原则
oj1
oj 3
oj 1
实验4 输入四个人的年龄和姓名,排序后,按年龄,从小到大输出人员年龄及其姓名
实验4
实验9 指针2
实验9 指针1
热门文章
实验8 数组2
实验8 九九乘法表
练习7第四题
第十七周学习
第十六周学习
第十五周学习
第十三周学习
第十二周学习
第十一周学习
第十周学习
Copyright © 2011-2022 走看看