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;" onclick="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.onmouseover=function(){clearInterval(itl)}
 obj.onmouseout=function(){itl=setInterval("floatpiao()", delay)}
 </script>

时间: 2024-10-03 17:41:57

div 在页面上漂浮的相关文章

页面上无法屏蔽的左右两侧的漂浮图片广告

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>页面上无法屏蔽的左右两侧的漂浮图片广告丨电

js在web页面上绘制圆形

在web页面上,想要画出一个圆形,方法有很多,SVG.canvas都可以绘图.但是本文不采用这两种方式,而是使用一个div.div一般是一个矩形,但是如果设置一个圆角样式border-radius就可以将div变成圆形. 圆的位置需要在画布中绝对定位(position: absolute),也就是通过设置X.Y坐标在定位,对应的css样式是left.top.想要圆的绝对定位起效,画布就要设置position:relative. <!DOCTYPE html> <html> <

使用文档对象在页面上创建学生信息表。 信息表包括学号、姓名、性别、电子邮件、联系电话、个人主页和联系地址, 信息表内容通过表单输入,提交前先使用正则表达式进行验证,联系地址不能超过20个字符, 每输入一名学生的信息,提交后,表格增加一行,表格不能被选择、复制。

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        描述:使用文档对象在页面上创建学生信息表.        信息表包括学号.姓名.性别.电子邮件.联系电话.个人主页和联系地址,        信息表内容通过表单输入,提交前先使用

程序员在页面上常犯的错误以及改正方法

我是一个性情乖戾的Web用户,但我想这也帮助促使我成为了一名优秀的Web开发人员.当我看到一个网站上有让人不爽的设计时就会非常的恼怒,一些很简单的东西为什么做不好?下面是5种常见的可用性方面的错误,以及如何纠正这些问题的方法.给自己方便,也与人方便,确保自己不要犯这样的错误. 使用表达submit事件,不要用click事件:请用表单标签form! 我不知道遇到过多少次,当我使用回车键提交一个表单时(或手机上用箭头/输入键),却什么都没发生.我只好又用鼠标点击提交按钮,表单终于有了反应.这是我最痛

让页面上图片不变形

很多列表图片的原图超过指定大小,然而图片本身高宽比例不是固定的,因此在设置此类情况时最好的处理方式是使用js来固定图片大小并保证图片居中,且让图片不变形. js代码: 1: /******************************************************************/ 2: /******将图片居中,在图片外面嵌套一个div不设置任何样式*************/ 3: /******参数:图片最大宽度,图片最大高度,******/ 4: /*****

页面上画按钮的四种方法

在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然

22SpringMvc_jsp页面上的数据传递到控制器的说明

假设有这个一个业务:在jsp页面上写入数据,然后把这个数据传递到后台. 效果如下: 输入信息后点击确定,把这些信息保存到后台. 点击确定后.来到这里: 这就是效果. ----------------------------------------------------------------------------------------------------------------------------------- 我们给出具体的案例然后给出分析: 1.jFactoryCreate.j

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

每个人都讨厌广告.看电视.看电影.看优酷.看网页时,对满天飞的广告也是深恶痛绝.广告是一个不招人喜欢的东西.但是,对一个中小网站站长/博客主来说,广告几乎是唯一的能成支持网站/博客正常运转的资金来源.如果一个博客主,只是无私发布稿件,能坚持几年的,很少.大多数慢慢失去了热情. 火狐浏览器和谷歌浏览器里都有能够屏蔽页面给广告的插件,最有名的是AdBlock和AdBlock Plus.前几天,我做一个统计,看看浏览网站的用户中有多少人使用了AdBlock插件,发现这个数目竟然有总浏览人数的1/5.

在页面上动态添加和删除【添加信息的文本框】

页面上的内容: 当点击添加或删除会做出相应的操作 页面的html代码 1 <li id="clid"> 2 <div> 3 姓名:<input type="text" name="guestName" class="dfinput" style="width: 150px;"/> 4     国别:<input name="guestState"