圖層怎樣隨瀏覽視窗上下移動 圖層怎樣隨瀏覽視窗上下移動 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 window.onscroll = function() { var iDivX = 0; var iDivY = 0; var iScrollX = parseInt(document.body.scrollLeft); var iScrollY = parseInt(document.body.scrollTop); var iBodyX = parseInt(document.body.clientLeft); var iBodyY = parseInt(document.body.clientTop); iDivX = iScrollX + iBodyX; iDivY = iScrollY + iBodyY; document.getElementById("div").style.left = iDivX; document.getElementById("div").style.top = iDivY; } <!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文件</title><script language="javascript">window.onscroll = function() { var iDivX = 0; var iDivY = 0; var iScrollX = parseInt(document.body.scrollLeft); var iScrollY = parseInt(document.body.scrollTop); var iBodyX = parseInt(document.body.clientLeft); var iBodyY = parseInt(document.body.clientTop); iDivX = iScrollX + iBodyX; iDivY = iScrollY + iBodyY; document.getElementById("apDiv1").style.left = iDivX; document.getElementById("apDiv1").style.top = iDivY; } </script><style type="text/css"><!--#apDiv1 { position:absolute; left:102px; top:92px; width:210px; height:132px; z-index:1;}--></style></head><body><div id="apDiv1"><img src="productimage/know2.png" width="172" height="149" /></div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></body></html>不能隨瀏覽視窗上下移動,謝謝 你是要怎么移动?div是嵌在document里面的IE位置改变不会影响document里面元素的改变的 IE7、FF3好像不支持这两个属性了var iScrollX = parseInt(document.body.scrollLeft);var iScrollY = parseInt(document.body.scrollTop); http://www.unisoftnet.com/home/index.html右面的圖片,能隨瀏覽視窗上下移動 请问用jquery怎样移动到指定位置 菜鸟求解:怎么样实现网页不能返回历史记录和不能刷新? 请问javascript的all问题? 请大家帮我检查一个控制层的显示与隐藏的问题 ie7下无法使用网站加入收藏夹的功能啊 在DreamWeaver里编写javascript怎么没有自动提示和完成的功能啊? 我定义了一个变量check,我想赋值N个“a”给它,请问怎样可以实现? fason高手的“向setTimeout传递函数参数 ”的学习 关于label!高分 ,求助 超简单问题 在线等 马上给分 我想问一下搜狐注册页面的这个功能是用什么技术实现的 有关onclick事件处理的简单问题
{
var iDivX = 0;
var iDivY = 0;
var iScrollX = parseInt(document.body.scrollLeft);
var iScrollY = parseInt(document.body.scrollTop);
var iBodyX = parseInt(document.body.clientLeft);
var iBodyY = parseInt(document.body.clientTop);
iDivX = iScrollX + iBodyX;
iDivY = iScrollY + iBodyY;
document.getElementById("div").style.left = iDivX;
document.getElementById("div").style.top = iDivY;
}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title><script language="javascript">
window.onscroll = function()
{
var iDivX = 0;
var iDivY = 0;
var iScrollX = parseInt(document.body.scrollLeft);
var iScrollY = parseInt(document.body.scrollTop);
var iBodyX = parseInt(document.body.clientLeft);
var iBodyY = parseInt(document.body.clientTop);
iDivX = iScrollX + iBodyX;
iDivY = iScrollY + iBodyY;
document.getElementById("apDiv1").style.left = iDivX;
document.getElementById("apDiv1").style.top = iDivY;
}
</script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:102px;
top:92px;
width:210px;
height:132px;
z-index:1;
}
-->
</style>
</head><body>
<div id="apDiv1"><img src="productimage/know2.png" width="172" height="149" /></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>不能隨瀏覽視窗上下移動,謝謝
div是嵌在document里面的
IE位置改变不会影响document里面元素的改变的
var iScrollX = parseInt(document.body.scrollLeft);
var iScrollY = parseInt(document.body.scrollTop);
右面的圖片,能隨瀏覽視窗上下移動