js实现悬浮窗效果（支持拖动)

经常可以看到大部分的官网有右侧悬浮在线客服。今天来写写！

效果图：

代码如下：

！DOCTYPE html html health eta http-equiv=' Content-TYPe ' Content=' text/html；charset=utf-8' /titlejs悬浮窗代码（支持拖动)/title meta name=' description ' content=' js浮动层特效制作悬浮在线客服代码，放置在线即时通信软件等聊天按钮的在线客服浮动层代码，支持拖动效果，可随意在页面上拖动位置，随着浏览器滚动始终保持在悬浮在页面上的射流研究…代码//页眉dystyle type=' text/CSS ' * { margin 33600；划水：0;列表样式-:型无；}a，img { border:0}/* KeFuDiv */.KeFuDiv { position:absolute高度：160 px宽度宽度：196像素背景# 01c 4c 6 color : # ffffffount-size :20 px；文本对齐：中心；光标：指针；}.KeFuDiv p {行高： 80px字体粗细：加粗；}/style div style=' height :3000 px；/div div id=' KeFuDiv ' class=' KeFuDiv ' on mouse down=' MoveDiv(KeFuDiv，event)；p满足我！英国铁路公司我可以拖动哦！/p/div！-柯福迪夫结束-脚本类型=' text/JAVAScript ' src=' http :33587 xnlea。com 2。z0。glb。qiniucdn。com/online。js /脚本类型='text/javascript'//初始位置GiD(' KeFudiv ')。风格。top=(文档。文档元素。客户端高度-GiD(' KeFudiv ').偏右)/2 ' px '；GiD(' KeFudiv ')。风格。left=文档。文档元素。客户端宽度-GiD(' KeFudiv ').offsetwithts ' px//开始滚动滚动div(' KeFuDiv ')；/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！