设置div为绝对定位
position:absolute;
position:absolute;
解决方案 »
- 漂浮层在火狐不兼容
- ExtJs 3.0 升级到4.0遇到的一些问题求助
- innerHTML拼接字符串
- extjs 内存溢出问题 急 急 急 !extjs java高手请进!
- 火狐中js如何给一个select添加OPTION
- 怎么改变包含框架网页的title
- 求代码,图片链接,MouseOut显示图片a,MouseOver显示图片b,MouseDown显示图片c
- 怎样类似smart qq在最小化窗口了还能有信息提示,或者在切换到其他Tab页面也有提示
- 咨询在动态生成的表格中,如何根据表格中值的宽度,动态改变表格单元格宽度的问题
- 重置效果问题
- easyui的linkbutton如何设置宽和高?
- js实现点击链接跳转到随机产生的网页
<!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> new document </title>
<style type="text/css">
div{
position:absolute;
width:200px;height:200px;border:1px solid red;
}
</style>
</head><body>
<div id="div1">ghjgj</div>
<script type="text/javascript">
var i=0;
var j=0;
var k=0;
var f=20;
var interval;
var v=document.getElementById("div1");
var h=document.documentElement.clientHeight;
document.getElementById("div1").style.top=h;
function bian(){
var heightClient=document.documentElement.clientHeight;
var widthClient=document.documentElement.clientWidth;
var leftdiv=v.offsetLeft;
var topdiv=v.offsetTop;
var widthdiv=v.offsetWidth;
var heightdiv=v.offsetHeight;
v.style.top=h+document.body.scrollTop+"px";
v.style.left=f+document.body.scrollLeft+"px";
if(j){
h=h+1;
}else{
h=h-1;
}
if(h<0){
j=1;h=0;
}
if(h>heightClient-heightdiv){
j=0;
h=heightClient-heightdiv;
}
if(i){
f=f+1;
}else{
f=f-1;
}
if(f<0){
i=1;f=0;
}
if(f>=(widthClient-widthdiv)){
i=0;
f=widthClient-widthdiv;
}
}
function fff(){
v.style.visibility="visible";
interval=setInterval("bian()",30);
}
fff();
</script>
</body>
</html>