Html_ Online customer service static Web page

<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/><title> Light green right page online customer service effect </title><style>*{margin:0;p adding:0; list-Style:none;border:none;} Body{font-size:12px;} a{color:#666; text-Decoration:none;}/*Customer Service Code Section*/. Qqserver. Qqserver-header:after,.qqserver. qqserver-header:before,.qqserver Li A:after,.qqserver li a:before{display:table;content:' '}.qqserver. Qqserver-header:after,.qqserver li A:after{clear:both}.qqserver. Qqserver-header,.qqserver Li A,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}.qqserver{position:fixed; Top: -%;right:0; height:209px;margin-top:-104px}.qqserver.unfold. Qqserver-body{right:0}.qqserver. Qqserver-body{position:absolute;right:-144px;width:122px;height:183px;padding:12px 10px;-webkit-transition:.3s Cubic-bezier (. +,1,. A,1);-o-transition:.3s Cubic-bezier (. +,1,. A,1); transition:.3s Cubic-bezier (. +,1,. A,1); border:1px solid #62b651; border-radius:4px;background: #f4f7fa}.qqserver. Qqserver_fold{position:absolute;right:0;p adding:14px 7px;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;background: #70ca5d}.qqserver. Qqserver-header{padding-bottom:10px;padding-left:6px;border-bottom:1px dashed #d1d4cc}.qqserver. Qqserver-header *{float: Left}.qqserver. Qqserver_arrow{margin-top:-1px;margin-Left:7px;cursor:pointer}.qqserver Li{margin-top:6px}.qqserver li a{display:block;padding:6px 12px 4px}.qqserver li a div{font-size:14px;float: left;margin-right:11px;color:#697466}.qqserver Li a span{font-size:12px;line-height:18px;float: left;text-indent:4px;color: #fff}.qqserver li a span.qqserver-service-alert{font-weight: -;d isplay:block}.qqserver Li A:hover{text-decoration:none;border-radius:4px;background: #eaebe9}.qqserver li a:hover div{color: #62b651}.qqserver. Qqserver-footer{margin-top:10px;padding-top:14px;padding-bottom:14px;padding-left:11px;border-top:1px dashed #d1d4cc}.qqserver. Qqserver-footer. Text-primary{color: #70CA5D; font-size:14px;}. Qqserver. Qqserver_icon-alert{display:inline-block;margin-right:10px;vertical-align:-3px;*display:inline;*zoom:1; *vertical-align:-1px}.qqserver-header Div{width:90px;height:18px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-419px-80px}. Qqserver_icon-alert{width:16px;height:14px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-595px-85px}. Qqserver li a span{width:30px;height:23px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-265px 0}. qqserver Li A. Qqserver-service-alert{width:30px;height:22px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-342px 0}. Qqserver_fold Div{width:26px;height:132px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:0 0}. Qqserver_fold:hover Div{width:26px;height:132px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-27px 0}. Qqserver_arrow{width:18px;height:18px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-435px 0}. Qqserver_arrow:hover{width:18px;height:18px;background-image:url (http://demo.lanrenzhijia.com/2014/service1004/images/lanren.png); background-position:-435px-38px}</style>class="Qqserver"> <divclass="Qqserver_fold"> <div></div> </div> <divclass="Qqserver-body"style="Display:block;"> <divclass="Qqserver-header"> <div></div> <spanclass="Qqserver_arrow"></span> </div> <ul> <li> <a title="Click here to send me a message"href="Http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes"target="_blank"> <div> Customer Service </div> <span> Linda </span> </a> </li> <li> <a ti tle="Click here to send me a message"href="Http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes"target="_blank"> <div> Customer service </div> <span> cloud </span> </a> </li> <li> <a ti tle="Click here to send me a message"href="Http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes"target="_blank"> <div> Promotion Cooperation </div> <spanclass="Qqserver-service-alert"> </span> </a> </li> </ul> <divclass="Qqserver-footer"><spanclass="Qqserver_icon-alert"></span><aclass="text-primary"href="javascript:;"> Everyone's Talking </a> </div> </div></div><script src="Http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script><script>$ (function () {var$qqServer = $ ('. Qqserver'); var$qqserverFold = $ ('. Qqserver_fold'); var$qqserverUnfold = $ ('. Qqserver_arrow');        $qqserverFold. Click (function () {$qqserverFold. Hide (); $qqServer. addclass ('unfold');    }); $qqserverUnfold. Click (function () {$qqServer. Removeclass ('unfold');    $qqserverFold. Show ();    }); //form width Small fish 1024 pixels don't show customer service QQfunction Resizeqqserver () {$qqServer [document.documentElement.clientWidth<1024x768?'Hide':'Show'](); } $ (window). Bind ("Load Resize", function () {resizeqqserver (); });});</script><!--Code section end--></body>
Html_ Online customer service static Web page