教程集 www.jiaochengji.com
Golang 教程
教程集 >  脚本编程  >  javascript  >  正文 javascript 固定在网页右侧的可显隐网站QQ客服

javascript 固定在网页右侧的可显隐网站QQ客服

发布时间：2017-04-30   编辑：jiaochengji.com
教程集为您提供javascript 固定在网页右侧的可显隐网站QQ客服等资源，欢迎您收藏本站，我们将为您提供最新的javascript 固定在网页右侧的可显隐网站QQ客服资源
提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>固定在网页右侧的可显隐网站客服</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body,a{font-size:12px;color:#000000;} a{text-decoration:none;color:#000000;} ul{margin-left:5px;} li{list-style:none;} .qqbox{z-index:99;width:170px;right:3px;top:145px;position:absolute;} .qqbox .press{right:0;border:none;cursor:pointer;width:26px;height:136px;position:absolute;} .qqbox .qlist{left:0;width:170px;background:url(http://www.jiaochengji.com/effect/images/201007040830/siderim_bg.gif) padding:5px;} .qqbox .qlist .b{float:right;height:6px;width:170px;font-size:1px;} .qqbox .qlist .infobox{text-align:center;background:#bdc5cb;background-image:url(http://www.jiaochengji.com/effect/images/201007040830/siderim_infobox.gif);background-repeat:no-repeat;padding:5px;line-height:14px;color:#000;font-weight:700;} .qqbox .qlist .t{background:url(http://www.jiaochengji.com/effect/images/201007040830/siderim_title.gif);height:34px;} .qqbox .qlist .b{background:url(http://www.jiaochengji.com/effect/images/201007040830/siderim_bottom.gif);height:9px;overflow:hidden;} .qqbox .qlist .con{background:url(http://www.jiaochengji.com/effect/images/201007040830/siderim_bg.gif);width:100%;padding:10px 0px 10px 0px;} .qqbox .qlist .con h2{height:22px;font:bold 12px/22px "宋体";background:url(http://www.jiaochengji.com/effect/images/201007040830/siderim_bg.gif) repeat-y -163px 0;border:1px solid #3a708d;text-align:center;color:#fff;} .qqbox .qlist .con ul li{padding:5px 5px 0px 15px;} </style> </head> <body>
我们营业的时间
9:00-18:00
<ul> <li>qq咨询qq咨询</li> <li>msn咨询msn咨询</li> <li>旺旺咨询在线旺旺</li> <li>咨询电话：010-88888888</li> </ul>
在线咨询
<script language="javascript" type="text/javascript"> // initfloattips(); function onlineover(){ document.getelementbyid("divmenu").style.display = "none"; document.getelementbyid("divonline").style.display = "block"; document.getelementbyid("divqqbox").style.width = "145px"; } function onlineout(){ document.getelementbyid("divmenu").style.display = "block"; document.getelementbyid("divonline").style.display = "none"; } if(typeof(htmlelement)!="undefined") //给firefox定义contains()方法，ie下不起作用 { htmlelement.prototype.contains=function(obj) { while(obj!=null&&typeof(obj.tagname)!="undefind"){ //通过循环对比来判断是不是obj的父元素 　　　　if(obj==this) return true; 　　　　obj=obj.parentnode; 　　} return false; }; } function hidemsgbox(theevent){ //theevent用来传入事件，firefox的方式 　 if (theevent){ 　 var browser=navigator.useragent; //取得浏览器属性 　 if (browser.indexof("firefox")>0){ //如果是firefox 　　 if (document.getelementbyid("divonline").contains(theevent.relatedtarget)) { //如果是子元素 　　 return; //结束函式 } } if (browser.indexof("msie")>0){ //如果是ie if (document.getelementbyid("divonline").contains(event.toelement)) { //如果是子元素 return; //结束函式 } } } /*要执行的操作*/ document.getelementbyid("divmenu").style.display = "block"; document.getelementbyid("divonline").style.display = "none"; } </script> </body> </html></textarea>
提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js固定在网页右侧可显隐网站客服代码
javascript 固定在网页右侧的可显隐网站QQ客服
jQuery右侧导航插件 Flexible Nav
网页右侧的可显隐网站QQ客服代码
jquery实现漂浮在网页右侧的qq在线客服插件示例
javascript 悬浮在页面左侧的可显隐网摘收藏效果
Google排名的价值研究
Google排名介绍
腾讯QQ网页在线客服，隐藏在网页一侧的隐现效果二
前端安全以及如何防范详细介绍

上一篇：js电子邮箱验证代码 下一篇：js固定在网页右侧可显隐网站客服代码
[关闭]
最近更新
浏览排行

关于本站 | 网站地图 | 联系我们 | 免责声明 | 友情链接
京ICP备12039225号-6 广告合作请加QQ:441358019
CopyRight © 2010-2014 教程集 jiaochengji.com , All Rights Reserved.

~ ~