下面的代码中
层的大小可以变化,即 div1 的 width:100px;height:50px; 可变
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE></TITLE><script>
function init(){
var obj = document.getElementById("div1");
obj.style.top = (document.documentElement.offsetHeight - obj.offsetHeight - 10 + document.documentElement.scrollTop);
obj.style.left = (document.documentElement.offsetWidth - obj.offsetWidth - 20);
// 如果没有表头,document.documentElement.offsetHeight 改为 document.body.offsetHeight
// document.documentElement.offsetWidth 同上
}
window.onscroll=init;
</script>
</HEAD> <BODY onresize="init()" onload="init()"><div id="div1" style="width:100px;height:50px;background-color:blue;position:absolute;">这是绝对定位</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</BODY>
</HTML>
层的大小可以变化,即 div1 的 width:100px;height:50px; 可变
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE></TITLE><script>
function init(){
var obj = document.getElementById("div1");
obj.style.top = (document.documentElement.offsetHeight - obj.offsetHeight - 10 + document.documentElement.scrollTop);
obj.style.left = (document.documentElement.offsetWidth - obj.offsetWidth - 20);
// 如果没有表头,document.documentElement.offsetHeight 改为 document.body.offsetHeight
// document.documentElement.offsetWidth 同上
}
window.onscroll=init;
</script>
</HEAD> <BODY onresize="init()" onload="init()"><div id="div1" style="width:100px;height:50px;background-color:blue;position:absolute;">这是绝对定位</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</BODY>
</HTML>
解决方案 »
- jquery autoComplete 怎样在autocomplete里显示html代码
- jQuery.getJSON(),二级域名取不到数据
- 无JAVASCRIPT编程基础,直接学JQUERY可以吗?
- 为什么总提示语法错误啊
- 怎么区分select?
- 有关innerHTML的问题
- 如何实现双击table中的某一行,相应的行出现在另外一个table里?
- 用JCreator编写简单练习程序时碰到的错误
- 在某页面中为其父窗口的 select 添加内容时出错[50分]
- 我有一个JS脚本是经过编码,哪有可以解码还原的软件?
- javascript如何将html代码嵌入到一个table标签里
- |zyciis| 取得一个用户控件如何取得他的下一个用户控件 要求在IE和firefox中都要可以用 谢谢 急啊
然后还要考虑屏幕的滚动偏移
position:fixed; right: 0;bottom:0 ;
就可以了
<!--
body,td,th {
margin:0px;
font-size: 12px;
}
.ss{
position:absolute;
width:254px;
height:231px;
background-image:url(http://www.baidu.com/img/baidu_logo.gif)
}
-->
</style>
<script>
window.onresize = resizeDiv;
window.onscroll = resizeDiv;
function chu(){
divHeight = parseInt(document.getElementById("xx").offsetHeight,10);
divWidth = parseInt(document.getElementById("xx").offsetWidth,10);
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("xx").style.top = docHeight + parseInt(document.body.scrollTop,10) - divHeight;
document.getElementById("xx").style.left = docWidth + parseInt(document.body.scrollLeft,10) - divWidth ;
}
function resizeDiv()
{
divHeight = parseInt(document.getElementById("xx").offsetHeight,10);
divWidth = parseInt(document.getElementById("xx").offsetWidth,10);
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("xx").style.top = docHeight + parseInt(document.body.scrollTop,10) - divHeight ;
document.getElementById("xx").style.left = docWidth + parseInt(document.body.scrollLeft,10) - divWidth;
}
</script>
<body onload="chu()">
hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>
<div id="xx" class="ss">
</div>
</body>