jQuery蓝色网页右侧栏悬浮在线客服代码.zip资源-CSDN文库

共10个文件

png：4个

gif：3个

css：1个

版权申诉

jquery

jquery插件

jquery特效

26 浏览量 2023-09-26 01:44:56 上传评论收藏 53KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery蓝色网页右侧栏悬浮在线客服代码.zip （10个子文件）

jquery-1.10.2.min.js 91KB

css

style.css 4KB

index.html 3KB

images

zxkfqq.png 2KB

button-custom-qq.gif 2KB

wechat_code.png 8KB

hoverbtnbg.gif 66B

button-custom-qq-h.gif 2KB

weixin.png 15KB

tel.png 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery蓝色网页右侧栏悬浮在线客服代码</title> <link href="css/style.css" rel="stylesheet" media="screen" type="text/css" /> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> </head> <body><script src="/demos/googlegg.js"></script> <div class="container"></div>  <div style="right:-230px;" class="contactusdiyou"> <div class="hoverbtn"> <span>联</span><span>系</span><span>我</span><span>们</span> <img class="hoverimg" src="images/hoverbtnbg.gif" height="9" width="13"> </div> <div class="conter"> <div class="con1"> <dl class="fn_cle"> <dt><img src="images/tel.png" height="31" width="31"></dt> <dd class="f1">咨询热线：</dd> <dd class="f2"><span class="ph_num">188-9999-8888</span></dd> </dl> </div> <div class="blank0"></div> <div class="qqcall"> <dl class="fn_cle"> <dt><img src="images/zxkfqq.png" height="31" width="31"></dt> <dd class="f1 f_s14">在线客服：</dd> <dd class="f2 kefuQQ"> <span>客服一</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1111111111&site=qq&menu=yes"></a> <span>客服二</span> <a target="_blank" href="#"></a> </dd> </dl> <div class="blank0"></div> </div> <div class="blank0"></div> <div class="weixincall"> <dl class="fn_cle"> <dt><img src="images/weixin.png" height="31" width="31"></dt> <dd class="f1">官方微信站：</dd> <dd class="f3"><img src="images/wechat_code.png" height="73" width="73"></dd> </dl> </div> <div class="blank0"></div> <div class="dytimer"> <span style="font-weight: bold;">公司官网：</span> <span><a href="">www.sucaihuo.com</a></span> </div> </div> </div> <div class="diyoumask" ></div> <script type="text/javascript"> $(function() { $(".contactusdiyou").hover(function() { $(".hoverimg").attr("src","images/hoverbtnbg1.gif"); $('.diyoumask').fadeIn(); $('.contactusdiyou').animate({right:'0'},300); }, function() { $(".hoverimg").attr("src","images/hoverbtnbg.gif"); $('.contactusdiyou').animate({right:'-230px'},300,function(){}); $('.diyoumask').fadeOut(); }); }); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉