鼠标移动提示的广告代码:如何实现广告随鼠标移动提示(转)
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5
<title>通用title提示</title>
6
<style>
7
DIV {
8
FONT-SIZE: 12pt
9
}
10
FORM {
11
FONT-SIZE: 9pt
12
}
13
P {
14
FONT-SIZE: 9pt
15
}
16
TD {
17
FONT-SIZE: 9pt
18
}
19
BODY {
20
FONT-SIZE: 9pt
21
}
22
BODY {
23
SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCROLLBAR-TRACK-COLOR: #eeeeee; SCROLLBAR-DARKSHADOW-COLOR: buttonshadow
24
}
25
.menuskin {
26
BORDER-RIGHT: #9ec5fc 1px solid; BORDER-TOP: #9ec5fc 1px solid; VISIBILITY: hidden; BORDER-LEFT: #9ec5fc 1px solid; BORDER-BOTTOM: #9ec5fc 1px solid; POSITION: absolute
27
}
28
.menuitems {
29
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; MARGIN: 2px; LINE-HEIGHT: 14pt; PADDING-TOP: 1px
30
}
31
#mouseoverstyle {
32
BORDER-RIGHT: #9ec5fc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #9ec5fc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #9ec5fc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #9ec5fc 1px solid; BACKGROUND-COLOR: #dae9fe
33
}
34
.menuskin A {
35
PADDING-RIGHT: 10px; PADDING-LEFT: 30px
36
}
37
A {
38
FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
39
}
40![](/Images/OutliningIndicators/InBlock.gif)
41
pb {
42
FONT-SIZE: 14px; FONT-FAMILY: "宋体"
43
}
44
A:hover {
45
COLOR: #ff0000; TEXT-DECORATION: underline
46
}
47
A:visited {
48
COLOR: #000000
49
}
50
.menu {
51
COLOR: #00009c; TEXT-DECORATION: none
52
}
53![](/Images/OutliningIndicators/InBlock.gif)
54
.f7 {
55
FONT-SIZE: 7px; COLOR: #207ab7
56
}
57
.red {
58
COLOR: #ff3300
59
}
60
BODY {
61
BACKGROUND-POSITION: center center; BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #dee7f7
62
}
63
TH {
64
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; HEIGHT: 25px; BACKGROUND-COLOR: #4fa0f2
65
}
66
.Menu_popup {
67
DISPLAY: none
68
}
69
TD.TableTitle1 {
70
COLOR: #000000; BACKGROUND-COLOR: #6595d6
71
}
72
TD.TableTitle2 {
73
BACKGROUND-COLOR: #6595d6
74
}
75
TD.TableBody1 {
76
LINE-HEIGHT: normal; BACKGROUND-COLOR: #ffffff
77
}
78
TD.TableBody2 {
79
LINE-HEIGHT: normal; BACKGROUND-COLOR: #6595d6
80![](/Images/OutliningIndicators/InBlock.gif)
81
}
82
TD.TableBody3 {
83
BACKGROUND-COLOR: #6595d6
84
}
85
</style>
86
<SCRIPT language=javascript>
87
var pltsPop=null;
88
var pltsoffsetX = 5; // 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适
89
var pltsoffsetY = 15; // 弹出窗口位于鼠标下方的距离;3-12 合适
90
var pltsPopbg="#FFFFEE"; //背景色
91
var pltsPopfg="#111111"; //前景色
92
var pltsTitle="";
93
document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>');
94
function pltsinits()
95
{
96
document.onmouseover = plts;
97
document.onmousemove = moveToMouseLoc;
98
}
99
function plts()
100
{ var o=event.srcElement;
101
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
102
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
103
pltsPop=o.dypop;
104
if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
105
{
106
pltsTipLayer.style.left=-1000;
107
pltsTipLayer.style.display='';
108
var Msg=pltsPop.replace(/\n/g,"<br>");
109
Msg=Msg.replace(/\0x13/g,"<br>");
110
var re=/\{(.[^\{]*)\}/ig;
111
if(!re.test(Msg))pltsTitle="提示";
112
else{
113
re=/\{(.[^\{]*)\}(.*)/ig;
114
pltsTitle=Msg.replace(re,"$1")+" ";
115
re=/\{(.[^\{]*)\}/ig;
116
Msg=Msg.replace(re,"");
117
Msg=Msg.replace("<br>","");}
118
var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
119
var content =
120
'<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=tableborder1 cellspacing="1" cellpadding="0" style="width:100%">'+ '<tr id=pltsPoptop><th height=18 valign=bottom><b><p id=topleft align=left>↖'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'↗</font></b></th></tr>'+
121![](/Images/OutliningIndicators/InBlock.gif)
122
'<tr><td "+attr+" class=tablebody1 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
123
'<tr id=pltsPopbot style="display:none"><th height=18 valign=bottom><b><p id=botleft align=left>↙'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'↘</font></b></th></tr>'+
124
'</table></td></tr></table>';
125
pltsTipLayer.innerHTML=content;
126
toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
127
moveToMouseLoc();
128
return true;
129
}
130
else
131
{
132
pltsTipLayer.innerHTML='';
133
pltsTipLayer.style.display='none';
134
return true;
135
}
136
}
137![](/Images/OutliningIndicators/InBlock.gif)
138
function moveToMouseLoc()
139
{
140
if(pltsTipLayer.innerHTML=='')return true;
141
var MouseX=event.x;
142
var MouseY=event.y;
143
//window.status=event.y;
144
var popHeight=pltsTipLayer.clientHeight;
145
var popWidth=pltsTipLayer.clientWidth;
146
if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight)
147
{
148
popTopAdjust=-popHeight-pltsoffsetY*1.5;
149
pltsPoptop.style.display="none";
150
pltsPopbot.style.display="";
151
}
152
else
153
{
154
popTopAdjust=0;
155![](/Images/OutliningIndicators/InBlock.gif)
156
pltsPoptop.style.display="";
157
pltsPopbot.style.display="none";
158
}
159
if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
160
{
161
popLeftAdjust=-popWidth-pltsoffsetX*2;
162
topleft.style.display="none";
163
botleft.style.display="none";
164
topright.style.display="";
165
botright.style.display="";
166
}
167
else
168
{
169
popLeftAdjust=0;
170
topleft.style.display="";
171
botleft.style.display="";
172
topright.style.display="none";
173
botright.style.display="none";
174
}
175
pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
176
pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
177
return true;
178
}
179
pltsinits();
180
</SCRIPT>
181
</head>
182![](/Images/OutliningIndicators/None.gif)
183
<BODY leftMargin=0 topMargin=0 rightMargin=0><br /><br /><br /><br />
184
<table width="770" border="0" cellspacing="0" cellpadding="0">
185
<tr>
186
<td bgcolor="#FFFFFF"><a title="欢迎光临谷歌堂www.ggtang.com" href="#">鼠标移上来看看</a></td>
187
</tr>
188
</table>
189
</body>
190
</html>
191![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/None.gif)
4
![](/Images/OutliningIndicators/None.gif)
5
![](/Images/OutliningIndicators/None.gif)
6
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
7
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
8
![](/Images/OutliningIndicators/InBlock.gif)
9
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
10
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
11
![](/Images/OutliningIndicators/InBlock.gif)
12
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
13
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
14
![](/Images/OutliningIndicators/InBlock.gif)
15
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
16
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
17
![](/Images/OutliningIndicators/InBlock.gif)
18
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
19
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
20
![](/Images/OutliningIndicators/InBlock.gif)
21
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
22
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
23
![](/Images/OutliningIndicators/InBlock.gif)
24
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
25
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
26
![](/Images/OutliningIndicators/InBlock.gif)
27
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
28
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
29
![](/Images/OutliningIndicators/InBlock.gif)
30
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
31
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
32
![](/Images/OutliningIndicators/InBlock.gif)
33
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
34
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
35
![](/Images/OutliningIndicators/InBlock.gif)
36
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
37
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
38
![](/Images/OutliningIndicators/InBlock.gif)
39
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
40
![](/Images/OutliningIndicators/InBlock.gif)
41
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
42
![](/Images/OutliningIndicators/InBlock.gif)
43
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
44
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
45
![](/Images/OutliningIndicators/InBlock.gif)
46
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
47
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
48
![](/Images/OutliningIndicators/InBlock.gif)
49
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
50
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
51
![](/Images/OutliningIndicators/InBlock.gif)
52
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
53
![](/Images/OutliningIndicators/InBlock.gif)
54
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
55
![](/Images/OutliningIndicators/InBlock.gif)
56
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
57
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
58
![](/Images/OutliningIndicators/InBlock.gif)
59
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
60
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
61
![](/Images/OutliningIndicators/InBlock.gif)
62
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
63
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
64
![](/Images/OutliningIndicators/InBlock.gif)
65
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
66
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
67
![](/Images/OutliningIndicators/InBlock.gif)
68
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
69
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
70
![](/Images/OutliningIndicators/InBlock.gif)
71
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
72
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
73
![](/Images/OutliningIndicators/InBlock.gif)
74
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
75
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
76
![](/Images/OutliningIndicators/InBlock.gif)
77
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
78
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
79
![](/Images/OutliningIndicators/InBlock.gif)
80
![](/Images/OutliningIndicators/InBlock.gif)
81
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
82
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
83
![](/Images/OutliningIndicators/InBlock.gif)
84
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
85
![](/Images/OutliningIndicators/None.gif)
86
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
87
![](/Images/OutliningIndicators/InBlock.gif)
88
![](/Images/OutliningIndicators/InBlock.gif)
89
![](/Images/OutliningIndicators/InBlock.gif)
90
![](/Images/OutliningIndicators/InBlock.gif)
91
![](/Images/OutliningIndicators/InBlock.gif)
92
![](/Images/OutliningIndicators/InBlock.gif)
93
![](/Images/OutliningIndicators/InBlock.gif)
94
![](/Images/OutliningIndicators/InBlock.gif)
95
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
96
![](/Images/OutliningIndicators/InBlock.gif)
97
![](/Images/OutliningIndicators/InBlock.gif)
98
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
99
![](/Images/OutliningIndicators/InBlock.gif)
100
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
101
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
102
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
103
![](/Images/OutliningIndicators/InBlock.gif)
104
![](/Images/OutliningIndicators/InBlock.gif)
105
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
106
![](/Images/OutliningIndicators/InBlock.gif)
107
![](/Images/OutliningIndicators/InBlock.gif)
108
![](/Images/OutliningIndicators/InBlock.gif)
109
![](/Images/OutliningIndicators/InBlock.gif)
110
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
111
![](/Images/OutliningIndicators/InBlock.gif)
112
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
113
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
114
![](/Images/OutliningIndicators/InBlock.gif)
115
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
116
![](/Images/OutliningIndicators/InBlock.gif)
117
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
118
![](/Images/OutliningIndicators/InBlock.gif)
119
![](/Images/OutliningIndicators/InBlock.gif)
120
![](/Images/OutliningIndicators/InBlock.gif)
121
![](/Images/OutliningIndicators/InBlock.gif)
122
![](/Images/OutliningIndicators/InBlock.gif)
123
![](/Images/OutliningIndicators/InBlock.gif)
124
![](/Images/OutliningIndicators/InBlock.gif)
125
![](/Images/OutliningIndicators/InBlock.gif)
126
![](/Images/OutliningIndicators/InBlock.gif)
127
![](/Images/OutliningIndicators/InBlock.gif)
128
![](/Images/OutliningIndicators/InBlock.gif)
129
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
130
![](/Images/OutliningIndicators/InBlock.gif)
131
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
132
![](/Images/OutliningIndicators/InBlock.gif)
133
![](/Images/OutliningIndicators/InBlock.gif)
134
![](/Images/OutliningIndicators/InBlock.gif)
135
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
136
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
137
![](/Images/OutliningIndicators/InBlock.gif)
138
![](/Images/OutliningIndicators/InBlock.gif)
139
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
140
![](/Images/OutliningIndicators/InBlock.gif)
141
![](/Images/OutliningIndicators/InBlock.gif)
142
![](/Images/OutliningIndicators/InBlock.gif)
143
![](/Images/OutliningIndicators/InBlock.gif)
144
![](/Images/OutliningIndicators/InBlock.gif)
145
![](/Images/OutliningIndicators/InBlock.gif)
146
![](/Images/OutliningIndicators/InBlock.gif)
147
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
148
![](/Images/OutliningIndicators/InBlock.gif)
149
![](/Images/OutliningIndicators/InBlock.gif)
150
![](/Images/OutliningIndicators/InBlock.gif)
151
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
152
![](/Images/OutliningIndicators/InBlock.gif)
153
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
154
![](/Images/OutliningIndicators/InBlock.gif)
155
![](/Images/OutliningIndicators/InBlock.gif)
156
![](/Images/OutliningIndicators/InBlock.gif)
157
![](/Images/OutliningIndicators/InBlock.gif)
158
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
159
![](/Images/OutliningIndicators/InBlock.gif)
160
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
161
![](/Images/OutliningIndicators/InBlock.gif)
162
![](/Images/OutliningIndicators/InBlock.gif)
163
![](/Images/OutliningIndicators/InBlock.gif)
164
![](/Images/OutliningIndicators/InBlock.gif)
165
![](/Images/OutliningIndicators/InBlock.gif)
166
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
167
![](/Images/OutliningIndicators/InBlock.gif)
168
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
169
![](/Images/OutliningIndicators/InBlock.gif)
170
![](/Images/OutliningIndicators/InBlock.gif)
171
![](/Images/OutliningIndicators/InBlock.gif)
172
![](/Images/OutliningIndicators/InBlock.gif)
173
![](/Images/OutliningIndicators/InBlock.gif)
174
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
175
![](/Images/OutliningIndicators/InBlock.gif)
176
![](/Images/OutliningIndicators/InBlock.gif)
177
![](/Images/OutliningIndicators/InBlock.gif)
178
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
179
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
180
![](/Images/OutliningIndicators/None.gif)
181
![](/Images/OutliningIndicators/None.gif)
182
![](/Images/OutliningIndicators/None.gif)
183
![](/Images/OutliningIndicators/None.gif)
184
![](/Images/OutliningIndicators/None.gif)
185
![](/Images/OutliningIndicators/None.gif)
186
![](/Images/OutliningIndicators/None.gif)
187
![](/Images/OutliningIndicators/None.gif)
188
![](/Images/OutliningIndicators/None.gif)
189
![](/Images/OutliningIndicators/None.gif)
190
![](/Images/OutliningIndicators/None.gif)
191
![](/Images/OutliningIndicators/None.gif)