div 在页面上漂浮
<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 在页面上漂浮相关推荐
- 我可以在同一页面上使用多个版本的jQuery吗?
我正在从事的项目需要在客户的网页上使用jQuery. 客户将插入我们将提供的代码块,其中包括一些<script>元素,这些元素可在<script>创建的<iframe&g ...
- html5 居于页面中心,css笔记:如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
- linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素,访问方法:getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素 访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...
- 页面上水平飞舞的图片
<html><head><meta http-equiv="Content-Type" content="text/html; charse ...
- 页面上一些小icon的制作方法及技术选择
我们经常切片的时候,看到一些小图标,都有些心头小烦.当然我们一般为了兼容多款浏览器.选择保守的切图拼成雪碧图.然后通过background-position去定位到你想要用的图标. 随着我们一步步摒弃 ...
- [html] 怎样在页面上实现一个圆形的可点击区域?
[html] 怎样在页面上实现一个圆形的可点击区域? 1.用canvas画布,弧线画圆,在canvas上监听点击事件 2.用一个div,给div添加圆角属性50,在div上添加点击事件 3.butto ...
- 应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt
<利用CSS与DIV进行页面布局.ppt>由会员分享,可在线阅读,更多相关<利用CSS与DIV进行页面布局.ppt(6页珍藏版)>请在人人文库网上搜索. 1.利用CSS与DIV ...
- 用JavaScript获取页面上被选中的文字的技巧
这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: event.selection = window.getSelection(); ...
- 用JavaScript探测页面上的广告是否被AdBlock屏蔽了的方法
每个人都讨厌广告.看电视.看电影.看优酷.看网页时,对满天飞的广告也是深恶痛绝.广告是一个不招人喜欢的东西.但是,对一个中小网站站长/ 博客主来说,广告几乎是唯一的能成支持网站/博客正常运转的资金来源 ...
最新文章
- Javascript闭包,比较好懂的一篇文章
- 微软EPG老大发给员工的mail
- python可以实现什么黑科技_Python黑科技之元类
- HDU 2222 ac自动机模板
- 【笔记】iOS开发基础笔记二
- java中演示类_java中抽象类与接口的图文演示
- 飞鸽传书也在2010年免费发布了
- 5.3使用自定议的测试数据库文件
- 渗透测试中常用的在线工具和网站总结
- PCB设计流程一原理图
- 小松鼠短视频完美开源源码
- html5 微信播放语音,html5的audio实现高仿微信语音播放效果
- vm虚拟机安装lede旁路由_Vmware虚拟机安装LEDE实现软路由openwrt
- 苹果六电池_苹果新产品发布,这次加量不加价!
- 本地静态网页上传到服务器
- [编译链接装载系列]之聊聊目标文件与ELF格式
- 如何挖掘高价值用户,实现付费转化率逆势增长
- 转简单之美——系统设计黄金法则
- Java JVM 动态方法调用指令 invokedynamic 实现分析(以 Lambda 表达式实现原理为例)...
- div添加滚动条css属性代码