腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

该特效需要用到相关的图片，比如那个效果的皮服，请各位自行将相关的图片下载到本地使用。

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二</title>  
<script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/188bet.php" ><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/188_120.gif"></a></div></div> <div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/manbetx.php"><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/wb600.gif"></a> </div></div>

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>  
  
  
<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="//m.sbmmt.com/m/jstest/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="//m.sbmmt.com/m/jstest/images/servicepic_02.jpg">  
                            <img height="25" alt="" src="//m.sbmmt.com/m/jstest/images/servicepic_02.jpg" width="14" border="0" name="servicepic_02"></td>  
                            <td align="middle" width="89" bgcolor="#f8f6f7" height="25">  
                            <a target="blank" href="//m.sbmmt.com/m/article/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="//m.sbmmt.com/m/jstest/images/servicepic_04.jpg">  
                            <img height="25" alt="" src="//m.sbmmt.com/m/jstest/images/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>  
                        </tr>  
                    </table>  
                    </td>  
                </tr>  
                <tr>  
                    <td>  
                    <img height="17" alt="" src="//m.sbmmt.com/m/jstest/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="//m.sbmmt.com/m/jstest/images/servicepic_06.jpg">  
                            <img height="24" alt="" src="//m.sbmmt.com/m/jstest/images/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>  
                            <td align="middle" 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="//m.sbmmt.com/m/jstest/images/offline.gif" border="0"></a></td>  
                            <td background="//m.sbmmt.com/m/jstest/images/servicepic_08.jpg">  
                            <img height="24" alt="" src="//m.sbmmt.com/m/jstest/images/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>  
                        </tr>  
                        <tr>  
                            <td background="//m.sbmmt.com/m/jstest/images/servicepic_06.jpg">　</td>  
                            <td align="middle" bgcolor="#f8f6f7" height="35">  
                            <table cellspacing="1" cellpadding="2" width="88%" align="center" bgcolor="#ffa800" border="0">  
                                <tr>  
                                    <td align="middle" bgcolor="#ffffff">  
                                    <a href="//m.sbmmt.com/m/article/#" target="_blank">  
                                    <span style="font-size: 9pt">站点留言簿</span></a></td>  
                                </tr>  
                            </table>  
                            </td>  
                            <td background="//m.sbmmt.com/m/jstest/images/servicepic_08.jpg">　</td>  
                        </tr>  
                    </table>  
                    </td>  
                </tr>  
                <tr>  
                    <td>  
                    <img height="22" alt="" src="//m.sbmmt.com/m/jstest/images/servicepic_09.jpg" width="118" border="0" name="servicepic_09"></td>  
                </tr>  
            </table>  
            </td>  
            <td valign="top" align="middle" width="12" rowspan="100">  
            <img height="109" src="//m.sbmmt.com/m/jstest/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>  
  
</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

专题推荐：腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二

上一篇：基础的prototype.js常用函数及其用法_prototype 下一篇：Js+DVML很酷漂亮实用的右键弹出菜单_导航菜单

腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二_导航菜单

相关文章推荐

相关课程推荐

独孤九贱(3)_JavaScript视频教程

独孤九贱(6)_jQuery视频教程

jQuery与Ajax基础与实战

Git教程(60分钟全程无废话版)

全部评论我要评论

PHP中文网