当前位置：软件学习 > Dreamweaver >>

符合web标准的跟随滚动条运动

源码如下：

<!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" xml:lang="en" lang="en"> 
<head> 
  <title></title> 
</head> 
<body> 
 
function scrollImg(){ 
    var posX,posY; 
    if (window.innerHeight) { 
        posX = window.pageXOffset; 
        posY = window.pageYOffset; 
    } 
    else if (document.documentElement && document.documentElement.scrollTop) { 
        posX = document.documentElement.scrollLeft; 
        posY = document.documentElement.scrollTop; 
    } 
    else if (document.body) { 
        posX = document.body.scrollLeft; 
        posY = document.body.scrollTop; 
    } 
    var ad=document.getElementById("ad"); 
    ad.style.top=(posY+100)+"px"; 
    ad.style.left=(posX+50)+"px"; 
    setTimeout("scrollImg()",100); 
} 
 
<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/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 
<BR>scrollImg 
 
scrollImg(); 
 
</body> 
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

补充：网页制作,Dreamweaver

上一个：css学习者，2008不要太浮燥
下一个：一个div里面图片垂直居中的例子

更多图片编程知识:

更多Dreamweaver疑问解答：: 巧用Dreamweaver MX控制页面元素; 巧用Dreamweaver MX制作阴影字; 巧用Dreamweaver MX设计导航栏特效; Dreamweaver 3 在网页上的小动作; 网站构成的基本元素—网页布局; 用Dreamweaver实现飘浮光球特效; Dreamweaver制作技巧四则; Dreamweaver 4.0使用技巧集锦; 轻松处理Dreamweaver段落缩进; 用Dreamweaver 4.0编制会议通知; 巧用Dreamweaver4文件库更新网站; 巧用Dreamweaver制作复杂图像; 妙用dw图层与表格进行网页布局; 用Dreamweaver4添加背景音乐及制作动态字; 用Dreamweaver MX实现网站批量更新

站长资源库

如果你遇到软件学习难题：
访问www.zzzyk.com 试试

CopyRight © 2022 站长资源库编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络，