div 随着滚动条移动

最新推荐文章于 2022-08-25 14:49:11 发布

原创最新推荐文章于 2022-08-25 14:49:11 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #function #xhtml #javascript #html #测试

js 专栏收录该内容

49 篇文章

订阅专栏

本文展示了一个简单的HTML页面示例，通过JavaScript实现页面滚动时特定元素的位置同步更新。主要涉及HTML结构定义、CSS样式设置及JavaScript脚本编程，适用于前端开发初学者理解页面元素的动态位置调整。

<!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=gb2312" /> <title>测试层滚动</title> </head> <body onload = "openwindow()"> <div id = "play" style = "position:absolute;height:2000px;width:990px;background-color:orange;z-index:1"></div> <div id = "player" style = "position:absolute;height:100px;width:100px;left:900px;top:100px;background-color:blue;z-index:2"></div> <div id = "myplay" style = "position:absolute;heigth:20px;width:40px;left:970px;top:80px;z-index:3" onclick = "guna()"><font size = 3 color = red><a href = "#">关闭</a></font></div> </body> </html> <mce:script language = "javascript"></mce:script>