腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二
from : http://www.jscode.cn/jave_menu/310608717.htm
Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二</title>
</head>
<body>
<!-- 左隐藏菜单开始 -->
<script language="JavaScript1.2">
function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop += y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top += y;
}};
function position() {
document.object1.left += -200;
document.object1.top += 0;
document.object1.visibility = "show"
};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+100}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}
</script>
<!-- 左隐藏菜单结束 -->
<!-- 左隐藏菜单BIG -->
<layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">
<script language="JavaScript1.2">
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</script>
<table onmouseover="move(120,0)" onmouseout="move(-120, 0)" cellspacing="1" cellpadding="2" border="0">
<tr>
<td>
<style type="text/css">BODY {
MARGIN: 0px
}
</style>
<table cellspacing="0" cellpadding="0" width="118" align="center" border="0">
<tr>
<td>
<img height="160" alt="" src="images/servicepic_01.jpg" width="118" border="0" name="servicepic_01"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="images/servicepic_02.jpg">
<img height="25" alt="" src="images/servicepic_02.jpg" width="14" border="0" name="servicepic_02"></td>
<td align="center" width="89" bgcolor="#f8f6f7" height="25">
<a target="blank" href="tencent://message/?uin=615050000&Site=网页特效观止&Menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=1:615050000:10" alt="点击这里给我发消息"></a></td>
<td background="images/servicepic_04.jpg">
<img height="25" alt="" src="images/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="17" alt="" src="images/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="images/servicepic_06.jpg">
<img height="24" alt="" src="images/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>
<td align="center" width="89" bgcolor="#f8f6f7" height="24">
<a href="http://amos1.taobao.com/msg.ww?v=2&uid=123456789&s=1" target="_blank">
<img alt="点击这里给我发消息" src="images/offline.gif" border="0"></a></td>
<td background="images/servicepic_08.jpg">
<img height="24" alt="" src="images/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>
</tr>
<tr>
<td background="images/servicepic_06.jpg"> </td>
<td align="center" bgcolor="#f8f6f7" height="35">
<table cellspacing="1" cellpadding="2" width="88%" align="center" bgcolor="#ffa800" border="0">
<tr>
<td align="center" bgcolor="#ffffff">
<a href="#" target="_blank">
<span style="font-size: 9pt">站点留言簿</span></a></td>
</tr>
</table>
</td>
<td background="images/servicepic_08.jpg"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="22" alt="" src="images/servicepic_09.jpg" width="118" border="0" name="servicepic_09"></td>
</tr>
</table>
</td>
<td valign="top" align="center" width="12" rowspan="100">
<img height="109" src="images/kefu.gif" width="20"> </td>
</tr>
<script language="JavaScript1.2">
<!--
if (document.all||document.layers)
makeStatic();
if (document.layers) {
window.onload=position;
}
var sitems=new Array();
var sitemlinks=new Array();
function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></script>
</table>
<script language="JavaScript1.2">
if (document.all)
document.write('<\/DIV>')
</script>
</layer>
<!-- 左隐藏菜单END -->
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二</title>
</head>
<body>
<!-- 左隐藏菜单开始 -->
<script language="JavaScript1.2">
function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop += y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top += y;
}};
function position() {
document.object1.left += -200;
document.object1.top += 0;
document.object1.visibility = "show"
};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+100}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}
</script>
<!-- 左隐藏菜单结束 -->
<!-- 左隐藏菜单BIG -->
<layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">
<script language="JavaScript1.2">
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</script>
<table onmouseover="move(120,0)" onmouseout="move(-120, 0)" cellspacing="1" cellpadding="2" border="0">
<tr>
<td>
<style type="text/css">BODY {
MARGIN: 0px
}
</style>
<table cellspacing="0" cellpadding="0" width="118" align="center" border="0">
<tr>
<td>
<img height="160" alt="" src="images/servicepic_01.jpg" width="118" border="0" name="servicepic_01"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="images/servicepic_02.jpg">
<img height="25" alt="" src="images/servicepic_02.jpg" width="14" border="0" name="servicepic_02"></td>
<td align="center" width="89" bgcolor="#f8f6f7" height="25">
<a target="blank" href="tencent://message/?uin=615050000&Site=网页特效观止&Menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=1:615050000:10" alt="点击这里给我发消息"></a></td>
<td background="images/servicepic_04.jpg">
<img height="25" alt="" src="images/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="17" alt="" src="images/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="images/servicepic_06.jpg">
<img height="24" alt="" src="images/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>
<td align="center" width="89" bgcolor="#f8f6f7" height="24">
<a href="http://amos1.taobao.com/msg.ww?v=2&uid=123456789&s=1" target="_blank">
<img alt="点击这里给我发消息" src="images/offline.gif" border="0"></a></td>
<td background="images/servicepic_08.jpg">
<img height="24" alt="" src="images/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>
</tr>
<tr>
<td background="images/servicepic_06.jpg"> </td>
<td align="center" bgcolor="#f8f6f7" height="35">
<table cellspacing="1" cellpadding="2" width="88%" align="center" bgcolor="#ffa800" border="0">
<tr>
<td align="center" bgcolor="#ffffff">
<a href="#" target="_blank">
<span style="font-size: 9pt">站点留言簿</span></a></td>
</tr>
</table>
</td>
<td background="images/servicepic_08.jpg"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="22" alt="" src="images/servicepic_09.jpg" width="118" border="0" name="servicepic_09"></td>
</tr>
</table>
</td>
<td valign="top" align="center" width="12" rowspan="100">
<img height="109" src="images/kefu.gif" width="20"> </td>
</tr>
<script language="JavaScript1.2">
<!--
if (document.all||document.layers)
makeStatic();
if (document.layers) {
window.onload=position;
}
var sitems=new Array();
var sitemlinks=new Array();
function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></script>
</table>
<script language="JavaScript1.2">
if (document.all)
document.write('<\/DIV>')
</script>
</layer>
<!-- 左隐藏菜单END -->
</body>
</html>