浮动的客户联系样式QQ模块层兼容各浏览器-白红宇

浮动的客户联系样式QQ模块层兼容各浏览器

阅读量：6758 次

发布时间：2019-06-26

本文共 10793 字，大约阅读时间需要 35 分钟。

Mozilla/Netscape	Firefox 3.0.x	Ok.
	Firefox 2.0.x	Ok.
	Firefox 1.5	Ok.
	Firefox 1.0.x	Ok.
Microsoft	Internet Explorer 7.0	Ok.
Microsoft	Internet Explorer 6.0	Ok.
Opera	Opera 9.x	Ok.
Opera	Opera 8.x	Ok.
KHTML	Google Chrome 0.2.x.x	Ok.
	Safari 3.1.2	Ok.
	Konqueror 3.5.5	Ok.

html code:

DOCTYPE HTML PUBLIC

-//W3C//DTD HTML 4.01 Transitional//EN

http://www.w3.org/TR/html4/loose.dtd

script language

vbscript

使用方法：使用include方法将本文件包含到程序文中，即在程序文的最后添加一行

添加客服QQ方法：修改下面的adm_qq后面引号中的QQ号，多个QQ号用西文逗号隔开，QQ数量不限。

如果你的网站的数据库中保存有QQ号，也可在这里直接读取数据库中的QQ

adm_qq

463588883,401620863

split(adm_qq,

)

for

to UBound(QQ)

MyQQ

QQ(N)

script

body

script

var online

new

Array();

(

document.layers)

document.write('<div id="floatdiv" style=" position:absolute; width:141px;height:50px;padding:1px;top:10px;left:605px">')

script

div id

floatdiv

style

position:absolute;

width:111px;height:50px;

padding:1px;

/**/

/*background:#FFFFFF;

border:2px solid #FFFFFF;*/

top:450px;

right:0px;

margin

right:1px;

;

table border

width

100%

cellspacing

cellpadding

td width

100%

img border

src

images

kefu_up.gif

></

script src

http://webpresence.qq.com/getonline?Type=1&<%=Myqq%>

></

script

for

to UBound(QQ)

td width

100%

background

images

kefu_middle.gif

script

(online[

<%=

]

)

document.write(

  <img src=images/QQoffline.gif border=0><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='客服不在线，请留言'><%=QQ(n)%></a>

);

else

document.write(

  <img src=images/QQonline.gif border=0><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='在线即时交谈'><%=QQ(n)%></a>

);

script

td width

100%

img border

src

images

kefu_down.gif

></

table

div

span id

script_source

script type

text/javascript

src

js/floatmenu.js

></

script

span

script type

text/javascript

src

js/qq.js

script

var online

new

Array();

(

document.layers)

document.write('<div id="floatdiv" style=" position:absolute; width:141px;height:50px;padding:1px;top:10px;left:605px">')

script

div id

floatdiv

style

position:absolute;

width:111px;height:50px;

padding:1px;

/**/

/*background:#FFFFFF;

border:2px solid #FFFFFF;*/

top:450px;

right:0px;

margin

right:1px;

;

table border

width

100%

cellspacing

cellpadding

td width

100%

img border

src

images

kefu_up.gif

></

script src

http://webpresence.qq.com/getonline?Type=1&<%=Myqq%>

></

script

for

to UBound(QQ)

td width

100%

background

images

kefu_middle.gif

script

(online[

<%=

]

)

document.write(

  <img src=images/QQoffline.gif border=0><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='客服不在线，请留言'><%=QQ(n)%></a>

);

else

document.write(

  <img src=images/QQonline.gif border=0><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=<%=QQ(n)%>&Site=在线咨询&Menu=no' title='在线即时交谈'><%=QQ(n)%></a>

);

script

100

101

102

103

td width

100%

img border

src

images

kefu_down.gif

></

104

table

105

div

106

span id

script_source

script type

text/javascript

src

js/floatmenu.js

></

script

107

span

108

109

script type

text/javascript

src

js/qq.js

110

111

script

112

body

113

114

html

floatmenu.js code:

JavaScript Document

<!--

/**/

/* Script by: www.dusystem.com

* Version: 20071017

* Latest version:

* www.dusystem.com/

var

floatingMenuId

floatdiv

;

var

floatingMenu

{

targetX: -110,//确定位置 X为横坐标 Y为纵坐标

targetY: 280,

hasInner: typeof(window.innerWidth) == 'number',

hasElement: typeof(document.documentElement) == 'object'

&& typeof(document.documentElement.clientWidth) == 'number',

menu:

document.getElementById

? document.getElementById(floatingMenuId)

: document.all

? document.all[floatingMenuId]

: document.layers[floatingMenuId]

}

;

floatingMenu.move

function

()

{

floatingMenu.menu.style.left = floatingMenu.nextX + 'px';

floatingMenu.menu.style.top = floatingMenu.nextY + 'px';

}

floatingMenu.computeShifts

function

()

{

var de = document.documentElement;

floatingMenu.shiftX =

floatingMenu.hasInner

? pageXOffset

: floatingMenu.hasElement

? de.scrollLeft

: document.body.scrollLeft;

if (floatingMenu.targetX < 0)

{

floatingMenu.shiftX +=

floatingMenu.hasElement

? de.clientWidth

: document.body.clientWidth;

}

floatingMenu.shiftY =

floatingMenu.hasInner

? pageYOffset

: floatingMenu.hasElement

? de.scrollTop

: document.body.scrollTop;

if (floatingMenu.targetY < 0)

{

if (floatingMenu.hasElement && floatingMenu.hasInner)

{

// Handle Opera 8 problems

floatingMenu.shiftY +=

de.clientHeight > window.innerHeight

? window.innerHeight

: de.clientHeight

}

else

{

floatingMenu.shiftY +=

floatingMenu.hasElement

? de.clientHeight

: document.body.clientHeight;

}

floatingMenu.calculateCornerX

function

()

{

if (floatingMenu.targetX != 'center')

return floatingMenu.shiftX + floatingMenu.targetX;

var width = parseInt(floatingMenu.menu.offsetWidth);

var cornerX =

floatingMenu.hasElement

? (floatingMenu.hasInner

? pageXOffset

: document.documentElement.scrollLeft) +

(document.documentElement.clientWidth - width)/2

: document.body.scrollLeft +

(document.body.clientWidth - width)/2;

return cornerX;

}

;

floatingMenu.calculateCornerY

function

()

{

if (floatingMenu.targetY != 'center')

return floatingMenu.shiftY + floatingMenu.targetY;

var height = parseInt(floatingMenu.menu.offsetHeight);

100

101

// Handle Opera 8 problems

102

var clientHeight =

103

floatingMenu.hasElement && floatingMenu.hasInner

104

&& document.documentElement.clientHeight

105

> window.innerHeight

106

? window.innerHeight

107

: document.documentElement.clientHeight

108

109

var cornerY =

110

floatingMenu.hasElement

111

? (floatingMenu.hasInner

112

? pageYOffset

113

: document.documentElement.scrollTop) +

114

(clientHeight - height)/2

115

: document.body.scrollTop +

116

(document.body.clientHeight - height)/2;

117

return cornerY;

118

}

;

119

120

floatingMenu.doFloat

function

()

121

{

122

var stepX, stepY;

123

124

floatingMenu.computeShifts();

125

126

var cornerX = floatingMenu.calculateCornerX();

127

128

var stepX = (cornerX - floatingMenu.nextX) * .07;

129

if (Math.abs(stepX) < .5)

130

{

131

stepX = cornerX - floatingMenu.nextX;

132

}

133

134

var cornerY = floatingMenu.calculateCornerY();

135

136

var stepY = (cornerY - floatingMenu.nextY) * .07;

137

if (Math.abs(stepY) < .5)

138

{

139

stepY = cornerY - floatingMenu.nextY;

140

}

141

142

if (Math.abs(stepX) > 0 ||

143

Math.abs(stepY) > 0)

144

{

145

floatingMenu.nextX += stepX;

146

floatingMenu.nextY += stepY;

147

floatingMenu.move();

148

}

149

150

setTimeout('floatingMenu.doFloat()', 20);

151

}

;

152

153

addEvent designed by Aaron Moore

154

floatingMenu.addEvent

function

(element, listener, handler)

155

{

156

if(typeof element[listener] != 'function' ||

157

typeof element[listener + '_num'] == 'undefined')

158

{

159

element[listener + '_num'] = 0;

160

if (typeof element[listener] == 'function')

161

{

162

element[listener + 0] = element[listener];

163

element[listener + '_num']++;

164

}

165

element[listener] = function(e)

166

{

167

var r = true;

168

e = (e) ? e : window.event;

169

for(var i = element[listener + '_num'] -1; i >= 0; i--)

170

{

171

if(element[listener + i](e) == false)

172

r = false;

173

}

174

return r;

175

}

176

}

177

178

//if handler is not already stored, assign it

179

for(var i = 0; i < element[listener + '_num']; i++)

180

if(element[listener + i] == handler)

181

return;

182

element[listener + element[listener + '_num']] = handler;

183

element[listener + '_num']++;

184

}

;

185

186

floatingMenu.init

function

()

187

{

188

floatingMenu.initSecondary();

189

floatingMenu.doFloat();

190

}

;

191

192

Some browsers init scrollbars only after

193

full document load.

194

floatingMenu.initSecondary

function

()

195

{

196

floatingMenu.computeShifts();

197

floatingMenu.nextX = floatingMenu.calculateCornerX();

198

floatingMenu.nextY = floatingMenu.calculateCornerY();

199

floatingMenu.move();

200

}

201

202

(document.layers)

203

floatingMenu.addEvent(window,

onload

, floatingMenu.init);

204

else

205

{

206

floatingMenu.init();

207

floatingMenu.addEvent(window, 'onload',

208

floatingMenu.initSecondary);

209

}

210

211

-->

qq.js code:

JavaScript Document 涂聚文 geovindu@163.com www.dusystem.com

<!--

function

move_upper_left()

{

floatingMenu.targetX=10;

floatingMenu.targetY=10;

}

function

move_upper_center()

{

floatingMenu.targetX='center';

floatingMenu.targetY=10;

}

function

move_upper_right()

{

floatingMenu.targetX=-250;

floatingMenu.targetY=10;

}

function

move_center_left()

{

floatingMenu.targetX=10;

floatingMenu.targetY='center';

}

function

move_center_center()

{

floatingMenu.targetX='center';

floatingMenu.targetY='center';

}

function

move_center_right()

{

floatingMenu.targetX=-250;

floatingMenu.targetY='center';

}

function

move_lower_left()

{

floatingMenu.targetX=10;

floatingMenu.targetY=-110;

}

function

move_lower_center()

{

floatingMenu.targetX='center';

floatingMenu.targetY=-110;

}

function

move_lower_right()

{

floatingMenu.targetX=-250;

floatingMenu.targetY=-110;

}

-->

你可能感兴趣的文章

java.lang.IllegalStateException: Illegal access

查看>>

STL容器的效率比较

查看>>

Ubuntu 14.04 安装 DevStack与遇到的的问题记录

BZOJ3938 & UOJ88：[集训队互测2015]Robot——题解

ES6学习笔记<三> 生成器函数与yield