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 可以是从数据库里读出来的值!
查看全文
相关阅读:
Spring Cloud 五 Feign的文件上传实现
Spring Cloud 四:服务消费(Feign)【Dalston版】
Spring Cloud 三:服务消费(Ribbon)【Dalston版】
Spring Cloud二:服务消费(基础)【Dalston版】
Spring Cloud 一:服务注册与发现(Eureka)【Dalston版】
mybatis 单个参数
医院设置(图论Floyd)
Mysql学习——安装登录
字母游戏(搜索)
子数列连续和
原文地址:https://www.cnblogs.com/goody9807/p/218484.html
最新文章
类和对象
分支结构
循环语句
冒泡排序速记口诀
LeetCode342-4的幂(水)
淡入淡出阴阳师官网切换效果
九度OJ 1072:有多少不同的面值组合? (计数)
九度OJ 1070:今年的第几天? (日期计算)
九度OJ 1069:查找学生信息 (排序、查找)
九度OJ 1068:球的半径和体积 (基础题)
热门文章
九度OJ 1067:n的阶乘 (数字特性)
九度OJ 1066:字符串排序 (排序)
九度OJ 1065:输出梯形 (基础题)
九度OJ 1064:反序数 (基础题)
九度OJ 1063:整数和 (基础题)
九度OJ 1062:分段函数 (基础题)
Spring Cloud 八:服务容错保护(Hystrix断路器)【Dalston版】
Spring Cloud 七:服务容错保护(Hystrix服务降级 和 )【Dalston版】
Spring Cloud 六-2:分布式配置中心【Dalston版】 续
Spring Cloud 六:分布式配置中心【Dalston版】
Copyright © 2011-2022 走看看