符合web标准的跟随滚动条运动-网页设计频道-中国IT实验室-技术·资讯·教育·服务·社区

首页 | 互联网 | IT动态 | Cisco | Windows | Linux | Java | .Net | Oracle | 华为 | 存储世界 | 服务器 | 网络设备 | IDC | 安全 | 求职招聘
IT培训 | 数字网校 | 技术专题 | 电子书下载 | 教学视频 | 网页设计 | 平面设计 | 解决方案 | 直播室 | 虚拟考场 | 搜索 | 博客 | 沙龙 | 论坛




网页设计
Dreamweaver \| Flash

Fireworks　 \| Frontpage

HTML/CSS　　\| Javascript


平面设计
Photoshop　 \| CorelDraw

AuotoCAD 　 \| Illustrator

Freehand


多媒体
3DMax　　　 \| Authorware

Director 　 \| Maya


工具软件
PP点点通 \| 迅雷 \| BT

eMule \| FlashGet \| Nero

Ghost \| Outlook \| IE

Maxthon \| Office


即时通讯
QQ \| MSN \| 网易泡泡

Skype \| 雅虎通 \| 新浪UC

最新文章

您现在的位置：中国IT实验室 >> 网页设计 >> Dreamweaver >> Dreamweaver技巧教程 >> 文章正文

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

本站原创　

2008-1-17　

佚名　

保存本文　

推荐给好友　

收藏本站

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807 进入网络咨询平台 ◆

源码如下：

<!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> 
<script type="text/javascript"> 
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); 
} 
</script> 
 
<div id="ad" style="position:absolute;background:#eeeeee;width:100px;height:100px;border:1px dotted #000;line-height:100px;text-align:center">scrollImg</div> 
<script type="text/javascript"> 
scrollImg(); 
</script> 
</body> 
</html>

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

【责编:Luzi】

　　相关产品与培训

相关文章		推荐文章

网页设计中关键词高亮显示 CSS实现始终在页面底部的层效果 css学习者，2008不要太浮燥个人网站真能转成商业网站，你能么？ CSS样式表创建美妙绝伦的网站自己设计制作电脑系统的动画光标十步学会用css建站第六步十步学会用css建站第五步十步学会用css建站第四步十步学会用css建站第三步

文章评论

精彩友情推荐

华为网管交换机			IDC资讯大全
华为以太网交换机			机房品质万里行
华为交换机最新报价			IDC托管必备知识
华为千兆光纤交换机			全国IDC报价
华为千兆交换机			网站推广优化