jQuery蓝色右浮动在线QQ客服源码免费下载
- 作者:我爱模版网
- 大小:0MB
- 点击次数:
- 发布时间:2014-02-14 13:52
特效介绍
jQuery蓝色右浮动,带关闭按钮的在线QQ客服源码免费下载,兼容IE6+
使用方法
1、在网站头部引入下面的代码:<link rel="stylesheet" href="css/base.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>2、把以下代码拷贝到你想引用的地方
<div id="cus_ser"> <div class="cus_ser_"> <div class="title"></div> <ul> <li id="zqq"><a href="http://wp.qq.com/wpa/qunwpa?idkey=6fcb83942dc3630777ae7745bd5093a1a5917f915f4e95cfc498633379ebfbb4" target="_blank">543031222</a></li> <li id="zphone">000000000</li> <li id="wb"><a href="http://t.qq.com/jqueryschool" target="_blank">腾讯微博</a> <a href="http://weibo.com/jqueryschool" target="_blank">新浪微博</a></li> </ul> </div> <span class="close"><img src="images/icon_close.png" /></span> </div> <script> $("#cus_ser .close").click(function() { $("#cus_ser").css({ display: 'none' }); }) $("#cus_ser").mouseover(function() { $(this).stop(); $(this).animate({ width: 165 }, 400, 'swing'); }) $("#cus_ser").mouseout(function() { $("#cus_ser").stop(); $("#cus_ser").animate({ width: 32 }, 400, 'swing'); }) </script>
- 本文标签:
- 蓝色右浮动在线QQ客服,在线浮动QQ,浮动客服