zoukankan      html  css  js  c++  java
  • 悬浮右侧可展开搜索的客服代码

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. <head> 
    4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    5. <meta name="keywords" content="JS代码,{keyword},JS广告代码,JS特效代码" /> 
    6. <meta name="description" content="此代码内容为{title},属于站长常用代码,更多{keyword}代码请访问懒人图库JS代码频道。" /> 
    7. <title>{title}_懒人图库</title> 
    8. <LINK rel=stylesheet type=text/css href="css/common.css"> 
    9. <SCRIPT type=text/javascript src="js/jquery.js"></SCRIPT> 
    10. <SCRIPT type=text/javascript src="js/kefu.js"></SCRIPT> 
    11. </head> 
    12.  
    13. <body style="text-align:center"> 
    14.  
    15. <DIV id=floatTools class=float0831> 
    16.   <DIV class=floatL><A style="DISPLAY: none" id=aFloatTools_Show class=btnOpen  
    17. title=查看在线客服  
    18. onclick="javascript:$('#divFloatToolsView').animate({ 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.istudy.com.cn'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');"  
    19. href="javascript:void(0);">展开</A> <A id=aFloatTools_Hide class=btnCtn  
    20. title=关闭在线客服  
    21. onclick="javascript:$('#divFloatToolsView').animate({ 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.istudy.com.cn'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');"  
    22. href="javascript:void(0);">收缩</A> </DIV> 
    23.   <DIV id=divFloatToolsView class=floatR> 
    24.     <DIV class=tp></DIV> 
    25.     <DIV class=cn> 
    26.       <UL> 
    27.         <LI class=top> 
    28.           <H3 class=titZx>QQ咨询</H3> 
    29.         </LI> 
    30.         <LI><SPAN class=icoZx>在线咨询</SPAN> </LI> 
    31.         <LI><A class=icoTc href="#">A老师</A> </LI> 
    32.         <LI><A class=icoTc href="javascript:void(0);">B老师</A> </LI> 
    33.         <LI><A class=icoTc href="#">C老师</A> </LI> 
    34.         <LI class=bot><A class=icoTc href="javascript:void(0);">D老师</A> </LI> 
    35.       </UL> 
    36.       <UL class=webZx> 
    37.         <LI class=webZx-in><A href="http://www.lanrentuku.com/" target="_blank" style="FLOAT: left"><IMG src="images/right_float_web.png" border="0px"></A> </LI> 
    38.       </UL> 
    39.       <UL> 
    40.         <LI> 
    41.           <H3 class=titDh>电话咨询</H3> 
    42.         </LI> 
    43.         <LI><SPAN class=icoTl>400-000-0000</SPAN> </LI> 
    44.         <LI class=bot> 
    45.           <H3 class=titDc><A href="http://www.lanrentuku.com/" target="_blank">新版调查</A></H3> 
    46.         </LI> 
    47.       </UL> 
    48.     </DIV> 
    49.   </DIV> 
    50. </DIV> 
    51.  
    52. </body> 
    53. </html> 

  • 相关阅读:
    Windows10下Opencv4+CMake+MinGW64+VSC安装教程
    相机标定问题-实践操作流程
    eNSP仿真学习,网络入门!
    SFTP服务的使用!!
    树莓派B+使用入门&RPI库安装&wringPi库安装
    Python基本语法初试
    基于51单片机+DAC0832的信号发生器
    各种标志位的含义
    根文件系统ramdisk.image.gz && uramdisk.image.gz
    Linux中/etc/inittab文件
  • 原文地址:https://www.cnblogs.com/umgsai/p/3908177.html
Copyright © 2011-2022 走看看