[web技术问题] 现在新浪和网易的首页都会出现一个浮动的广告窗口在屏幕右下角，不跟随页面卷动而动。 <- 中国开发网

账号

中国开发网: 论坛: 程序员情感CBD: 贴子 694988

pcplayer · 2009-01-09 06:48:45 · 阅读: 996

[web技术问题] 现在新浪和网易的首页都会出现一个浮动的广告窗口在屏幕右下角，不跟随页面卷动而动。

我猜它应该是一个 DIV，但如何写，才让它停留在屏幕的某个位置，页面卷动，它不会动？

需要另外写 JS 吗？

相关信息:

[web技术问题] 现在新浪和网易的首页都会出现一个浮动的广告窗口在屏幕右下角，不跟随页面卷动而动。 (57字) (pcplayer [995] 2009-01-09 14:48)
- 要写js, 捕获滚屏事件, 重新计算位置 (空) (dead_lee [559] 2009-01-09 14:51)
  - <body onscroll="MyMove()"> 这样的写法，我测试了，有点小小的问题 (202字) (pcplayer [698] 2009-01-09 15:00)
    - 浏览器做这些，实在是勉为其难 (43字) (haitao [495] 2009-01-09 15:10)
      - 建议先仔细学习CSS，象学Delphi一样掌握细节。就不会感慨那么多。本来就挺简单的事。 (空) (张秋桥 [498] 2009-01-09 15:56)
        我上次说的很简单的事情，好像就没有简单的做法 (13字) (haitao [503] 2009-01-09 16:07)
        不明白你的意思。 (空) (张秋桥 [440] 2009-01-09 16:12)
        这是否是你需要的？ (229字) (张秋桥 [544] 2009-01-09 16:26)
        不是,你这个会导致图片放大, haitao要的是类似壁纸的平铺效果 (空) (dead_lee [517] 2009-01-09 16:30)
        什么叫平铺？不是Repeat？ (空) (张秋桥 [521] 2009-01-09 16:36)
        单个和重复，浏览器是直接支持的；拉伸原图以始终充满，浏览器忘了还有这个需求 (空) (haitao [1038] 2009-01-09 16:40)
        老实讲，我做 (空) (张秋桥 [445] 2009-01-09 16:57)
        半个美工5年了，没有遇到这样的需求。 (空) (张秋桥 [492] 2009-01-09 16:58)
        一般的界面需要一个有意义的背景图，肯定希望不管窗口多大，这个背景图都是正好（无重复的）充满窗口的吧 (92字) (haitao [703] 2009-01-09 17:41)
        我给你搞糊涂了。你的图片是要自动居中么？如果你不重复不拉伸，你的图片足够大么？大到一般分辨率都可以覆盖整个窗口？ (空 (空) (dead_lee [544] 2009-01-09 16:57)
        这个是我当时找到的一个办法，但是它会导致页面里的input无法被选中或输入。。。。。。 (62字) (haitao [649] 2009-01-09 16:38)
        我给你搞糊涂了。你的图片是要自动居中么？如果你不重复不拉伸，你的图片足够大么？大到一般分辨率都可以覆盖整个窗口？ (空) (张秋桥 [433] 2009-01-09 16:45)
        就是要自动拉伸。。。。你那个代码这个效果是达到了，但是会挡住了页面里的input输入框 (31字) (haitao [508] 2009-01-09 17:00)
        我试了，不会挡。 (空) (张秋桥 [487] 2009-01-09 17:04)
        我也试验了, 很好啊 (空) (dead_lee [512] 2009-01-09 17:06)
        是ie吗？ (11字) (haitao [463] 2009-01-09 17:10)
        是啊,ie7和ff3, 当然我改了下,用本地随便找的一个小图片. (412字) (dead_lee [555] 2009-01-09 17:11)
        找了个2003的ie6, 也ok (空) (dead_lee [907] 2009-01-09 17:15)
        你验证了老张的方法没有? (空) (dead_lee [448] 2009-01-09 16:59)
        而且还有一个问题：它只是达到大约98%的高和宽；当时的2种不满意的做法的代码 (386字) (haitao [636] 2009-01-09 17:06)
        你验证了老张的方法没有? (空) (dead_lee [1] 今天 16:59) (空) (dead_lee [447] 2009-01-09 17:08)
        body的margin和padding你一定忘了设置成0。IE默认是留了白边的。 (空) (张秋桥 [843] 2009-01-09 17:12)
        嗯，可以输入了（可能是后面那对div起了作用）！不过白边还是存在。。。。。。 (958字) (haitao [819] 2009-01-09 17:19)
        请用css来设置0.你的html不用验证的？ (空) (张秋桥 [463] 2009-01-09 17:25)
        <body style="margin: 0; padding: 0"> (空) (dead_lee [1141] 2009-01-09 17:41)
        body margin=0 padding=0不行的？使用style，左右没有白边了，但是上下好像超出了一点，右边出现了滚动行 (空) (haitao [660] 2009-01-09 17:45)
        ie7有效... (104字) (dead_lee [534] 2009-01-09 18:05)
        请使用严格的XHTML。 (121字) (张秋桥 [576] 2009-01-09 19:07)
        z-index没有设置成负数吧。不然怎么会选不到？ (空) (张秋桥 [467] 2009-01-09 17:00)
        不是视觉的挡：看到input是很正常的；而是操作的挡：无法选中input输入框进行输入了 (27字) (haitao [599] 2009-01-09 17:02)
        哈, 估计是这个哦 (空) (dead_lee [456] 2009-01-09 17:02)
        说实话，CSS我也学了，但是我始终不会做网页，不会排版布局 (56字) (风无影 [563] 2009-01-09 16:20)
        就是hack, 用特殊的手段解决问题, 不正是以前hack的本意么. (空) (dead_lee [588] 2009-01-09 16:27)
        不看书，连美工都可以骗倒程序员。有什么高深的呢？ (空) (张秋桥 [507] 2009-01-09 17:16)
- 没看到演示，你试试看是不是这个？ (108字) (风无影 [578] 2009-01-09 15:20)
  - 多谢。我测试一下 (空) (pcplayer [436] 2009-01-09 15:26)
- 再帖两个，其中一个有演示： (88字) (风无影 [537] 2009-01-09 15:23)
  - 我只是想让一个 DIV 固定在窗口里，页面上下卷动的时候不要跟着跑。 (空) (pcplayer [765] 2009-01-09 15:40)
    - position: fixed IE也许不行，不过以这个为关键词去查应该能查到方案 (空) (有狐 [524] 2009-01-09 15:42)
      - 果然效果不错，FF很好，但 IE 不支持。 (空) (pcplayer [498] 2009-01-09 15:58)
        就像有狐说的, 用这个去google就可以找到答案了 (空) (dead_lee [961] 2009-01-09 16:00)
        看看这个吧！说是兼容IE和FF，未测试 (140字) (风无影 [536] 2009-01-09 16:19)
- 其实网页的界面控制很难保密也没有必要保密的, 你可以把网易新浪的首页搞下来看看学习下了 (空) (dead_lee [518] 2009-01-09 15:58)
  - 他们的代码都故意搞搞震，分析起来比较麻烦浪费时间 (123字) (pcplayer [558] 2009-01-09 16:02)
    - 这样做也可能是为了减小js文件的体积. (10字) (dead_lee [502] 2009-01-09 16:05)
    - 不过看了下news.163.com的页面, 还好啊 (10874字) (dead_lee [727] 2009-01-09 16:07)
      - 好复杂，但不是我看到的那个右下角广告窗的代码。我找了个老外的网站，介绍如何让 IE 兼容 FIXED，效果不错，正在看。 (空) (pcplayer [453] 2009-01-09 16:24)
        需要一棵大树 (空) (Apache [433] 2009-01-09 18:04)
        有个办法很稀奇，就是让DIV在body外面 (空) (有狐 [429] 2009-01-09 22:47)
- 给你一个参考。和我给海涛的一样。 (414字) (张秋桥 [532] 2009-01-10 06:15)
  - 无需CSS应改成无需JS。 (空) (张秋桥 [453] 2009-01-10 06:19)
  - 给haitao的东西也要做小的修改。以在滚动条件下保持背景不动。 (313字) (张秋桥 [580] 2009-01-10 06:31)
    - 恩, 在ie7以后都要设置<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> (空) (dead_lee [730] 2009-01-10 08:05)
    - IE6下无效 (空) (leejd [396] 2009-01-10 10:06)
      - 没有测试。因为是随兴写的。有时间再看看。 (空) (张秋桥 [435] 2009-01-10 10:12)
        严格的说，应该是在俺的嵌入式的IE里面 (25字) (leejd [441] 2009-01-10 10:34)

欢迎光临本社区，您还没有登录，不能发贴子。请在这里登录

页面内容处理时间: 0.019 - 587112