1、先在你的网站主目录建立JS文件，再建立一个JS文件如ad01js打开文本将下面代码复制到其中，保存格式为js function initEcAd = 200 = #39visible#39 = 200；悬浮导航是一种网页布局，或者APP布局方式导航是网站和 APP 当中必不可少的组成部分，它们引导用户抵达目标，发现内容为了让用户能够更加方便地使用导航，许多网站和 APP 选择使用了顶部悬浮导航，无论浏览到哪里，都能轻松使用它跳转到其他地方虽然有的用户并不喜欢这个一直占据屏幕空间的小控件，但；lt！DOCTYPE html RunJS 演示代码var cvar mo=functionc=setTimeoutfunctionalertquot鼠标悬浮2秒才触发quot，2000var ct=functionclearTimeoutc sdfsdfsdf；因为IE6的兼容性问题，所以这不考虑用fixed，代码如下，用了js的滚动事件 lt！ CSS部分，宽度各100，红色背景，加了定位属性 *margin0padding0 #div1width100pxheight100pxbackground#F00positionabsolutetop100pxleft0 我是固定的 lt！ js控制。

2、其中标签quotfdck”中的属性SRC指向浮动窗口的网页地址5需要将以上所有代码包括JS脚本全部放置在和之间6最后查看一下浮动窗口的效果，会发现浮动窗口在网页中不断的移动，当鼠标悬停其上时会停止移动，点击“隐藏”按钮将自动隐藏悬浮窗口；以下这段代码可放在之间，其间我加入了一些注释即“”后的文字及“lt！”“”之间的文字ltSCRIPT FOR=window EVENT=onload LANGUAGE=quotJScriptquot initAd载入页面后，调用函数initAdltSCRIPT lt！ function initAd；封装拖动功能，允许用户随意拖动悬浮窗实现悬浮窗吸附屏幕边缘的功能，当拖动悬浮窗接近边缘时自动贴合记住悬浮窗的当前位置，以便在重启代码时恢复其位置悬浮窗的显示与隐藏创建一个悬浮窗类，封装隐藏显示等方法隐藏悬浮窗时，将其移动到屏幕之外显示悬浮窗时，将其移动回屏幕内使用storage；最近项目里正好有类似需求 代码给出来供你研究下 需要jQuery支持 有什么疑问可以hi我 function function ajax url messagePath+#39messageBoxdo#39， dataType#39json#39，successfunctionjson alertjsonshowMessagesjson function showMessagesjson ifjson。

3、就像上面两张图中的悬浮提示信息，带有漂亮的箭头接下来我们分步骤的来讲解一触发该浮动Tip的JS函数showMenustatic\js\commonjs文件872行，就是这个函数的定义这段函数你看不懂没关系，会使用就行了，下面我们来讲解如何使用二showMenu的使用方法上面降到的这个函数定义的JS文件；4安装插件或者软件 有些悬浮窗口比较顽固，关闭按钮也无效，键盘操作也无用，这个时候就需要使用专门的插件或者软件来关闭悬浮窗口了比如，使用广告拦截插件可以屏蔽掉大部分广告弹窗使用专门的窗口管理软件也可以帮助我们管理窗口5自己编写JS代码 对于一些技术大牛，他们可以通过自己编写JS代码来关闭。

4、2添加CSS样式使用CSS来美化浮动窗口并设置其初始位置3实现窗口拖动功能使浮动窗口能够在屏幕上自由移动，实现窗口拖动功能，通过捕获鼠标事件4注册事件处理程序在文档加载完成后注册这些事件处理程序，通过在window对象上调用addEventListener方法来实现；实现方式Rhino直接使用其自带的语法和函数实现悬浮窗功能，操作相对直接通过直接操作XML文件来创建布局Nodejs通过调用外部库或自定义异步函数来实现悬浮窗功能可能需要读取并解析XML文件内容来进行布局设定代码逻辑与语法两者在创建悬浮窗引用视图添加按钮点击事件等方面的实现方式相似，但；把div1的top写到div的style属性中，如 不要写到样式里js获取样式里的top要使用getComputedStyle，你可以百度一下需要兼容，最简单的方案就是上面的那样；效果展示 实践过程代码讲解代码比较简单，也有比较详细的注释如果其他友友不懂的，欢迎评论区来问哈~css核心代码overflowhiddentextoverflowellipsisdisplaywebkitbox*webkitlineclamp1**能够显示的行数，超出部分用表示*webkitboxorientverticaljs代码获取点击参数。

5、设置悬浮窗大小调用setSize方法，使悬浮窗覆盖整个屏幕绘制图形在悬浮窗上绘制所需的图形或文字，以标识指定区域注意事项部分手机可能无法完全覆盖状态栏或底部的导航栏，这取决于手机的系统实现和Autojs的权限二封装绘制功能为模块 方法概述为了代码简洁和复用性，可以将绘制功能封装为一个。