本案例实现了页面悬浮框的漂浮、鼠标移入停止移动、移出继续移动及漂浮窗的关闭效果。
可用于广告,重大事项等提示
制作过程
1、拖入一悬浮框及关闭按钮
2、悬浮框及关闭按钮设为组合“漂浮窗”
3、添加全局变量xzengliang,yzengliang
4、给悬浮框组件添加旋转时事件(这里只要是不被使用的事件就可,也可以单独添加触发事件的按钮),设置移动悬浮窗到达指定位置
6、添加全局标量mouseyiru(移入鼠标的标记)
7、给关闭(X)按钮添加旋转时事件,分为鼠标移入,漂浮框在四个顶点,在四个边、其它共10中情况的处理。
8、给悬浮窗添加鼠标移入、移出事件,如下图所示
9、最后添加页面载入时的事件,用来触发漂浮框移动
5、给关闭按钮添加鼠标单击事件,单击隐藏漂浮窗
1