<div id="codefans_net" style="position:absolute;z-index:5;">
        <a><img src="/template/[field:css_color]/images/float.jpg" border="0"></a><--漂浮图片-->
        <br/>
        <a target="_blank" style="cursor:pointer; position:absolute; right:10px; bottom:0px;" οnclick="javascript:turnoff('codefans_net')"><font color="#FFFFFF">点击关闭<font/></a>
    </div>
    <script>
 function turnoff(obj){
  document.getElementById(obj).style.display="none";
 }
 </script>
 <script>
 var x = 50,y = 60
 var xin = true, yin = true
 var step = 1
 var delay = 10
 var obj=document.getElementById("codefans_net")
 function floatpiao() {
 var L=T=0
 var R= document.documentElement.clientWidth-obj.offsetWidth
 var B = document.documentElement.clientHeight-obj.offsetHeight
 obj.style.left = x + document.documentElement.scrollLeft + 'px';
 obj.style.top = y + document.documentElement.scrollTop + 'px';
 x = x + step*(xin?1:-1)
 if (x < L) { xin = true; x = L}
 if (x > R){ xin = false; x = R}
 y = y + step*(yin?1:-1)
 if (y < T) { yin = true; y = T }
 if (y > B) { yin = false; y = B }
 }
 var itl= setInterval("floatpiao()", delay)
 obj.οnmοuseοver=function(){clearInterval(itl)}
 obj.οnmοuseοut=function(){itl=setInterval("floatpiao()", delay)}
 </script>

转载于:https://www.cnblogs.com/lff255356/p/3973190.html

div 在页面上漂浮相关推荐

  1. 我可以在同一页面上使用多个版本的jQuery吗?

    我正在从事的项目需要在客户的网页上使用jQuery. 客户将插入我们将提供的代码块,其中包括一些<script>元素,这些元素可在<script>创建的<iframe&g ...

  2. html5 居于页面中心,css笔记:如何让一个div居于页面正中间

    如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...

  3. linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素,访问方法:getElementById() - phpStudy...

    DOM和JAVASCRIPT访问页面上的元素 访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...

  4. 页面上水平飞舞的图片

    <html><head><meta http-equiv="Content-Type" content="text/html; charse ...

  5. 页面上一些小icon的制作方法及技术选择

    我们经常切片的时候,看到一些小图标,都有些心头小烦.当然我们一般为了兼容多款浏览器.选择保守的切图拼成雪碧图.然后通过background-position去定位到你想要用的图标. 随着我们一步步摒弃 ...

  6. [html] 怎样在页面上实现一个圆形的可点击区域?

    [html] 怎样在页面上实现一个圆形的可点击区域? 1.用canvas画布,弧线画圆,在canvas上监听点击事件 2.用一个div,给div添加圆角属性50,在div上添加点击事件 3.butto ...

  7. 应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt

    <利用CSS与DIV进行页面布局.ppt>由会员分享,可在线阅读,更多相关<利用CSS与DIV进行页面布局.ppt(6页珍藏版)>请在人人文库网上搜索. 1.利用CSS与DIV ...

  8. 用JavaScript获取页面上被选中的文字的技巧

    这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: event.selection = window.getSelection(); ...

  9. 用JavaScript探测页面上的广告是否被AdBlock屏蔽了的方法

    每个人都讨厌广告.看电视.看电影.看优酷.看网页时,对满天飞的广告也是深恶痛绝.广告是一个不招人喜欢的东西.但是,对一个中小网站站长/ 博客主来说,广告几乎是唯一的能成支持网站/博客正常运转的资金来源 ...

最新文章

  1. Javascript闭包,比较好懂的一篇文章
  2. 微软EPG老大发给员工的mail
  3. python可以实现什么黑科技_Python黑科技之元类
  4. HDU 2222 ac自动机模板
  5. 【笔记】iOS开发基础笔记二
  6. java中演示类_java中抽象类与接口的图文演示
  7. 飞鸽传书也在2010年免费发布了
  8. 5.3使用自定议的测试数据库文件
  9. 渗透测试中常用的在线工具和网站总结
  10. PCB设计流程一原理图
  11. 小松鼠短视频完美开源源码
  12. html5 微信播放语音,html5的audio实现高仿微信语音播放效果
  13. vm虚拟机安装lede旁路由_Vmware虚拟机安装LEDE实现软路由openwrt
  14. 苹果六电池_苹果新产品发布,这次加量不加价!
  15. 本地静态网页上传到服务器
  16. [编译链接装载系列]之聊聊目标文件与ELF格式
  17. 如何挖掘高价值用户,实现付费转化率逆势增长
  18. 转简单之美——系统设计黄金法则
  19. Java JVM 动态方法调用指令 invokedynamic 实现分析(以 Lambda 表达式实现原理为例)...
  20. div添加滚动条css属性代码

热门文章

  1. yipin project 03
  2. 仓库信息管理系统设计与实现
  3. sun公司制定JAVA规范
  4. WebSocket实现一个聊天室
  5. 【机器学习算法】模拟退火(Simulated Annealing)
  6. macOS、iOS、Darwin、类 unix、POSIX
  7. sklearn中的fit_transform、获取特征、标签转换
  8. BMSSRTP日志(一)
  9. 大学生从业自媒体如何写出爆款文案?
  10. 用html5颜色自动渐变,HTML5渐变背景色生成器