如何让a标签在屏幕固定位置

仿浮动广告，要现成的demo

解决方案 »

  1.   

    用样式表控制即可。
    参考如下代码：
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text ml; charset=utf-8" />
    <title>浮动示例</title>
    </head>
    <body>
    <script>
    for(var i = 0; i < 1000; i++)
    document.write(
    "0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</br>"
    );
    </script>
    <div style="margin:0;padding:0;position:fixed;left:2px;top:2px;display:block;z-index:9999;background:Red;">
    <a href="http://www.renrousousuo.com">左上</a>
    </div>
    <div style="margin:0;padding:0;position:fixed;left:2px;bottom:2px;display:block;z-index:9999;background:Green;">
    <a href="http://www.renrousousuo.com">左下</a>
    </div>
    <div style="margin:0;padding:0;position:fixed;right:2px;top:2px;display:block;z-index:9999;background:Blue;">
    <a href="http://www.renrousousuo.com">右上</a>
    </div>
    <div style="margin:0;padding:0;position:fixed;right:2px;bottom:2px;display:block;z-index:9999;background:Yellow;">
    <a href="http://www.renrousousuo.com">右下</a>
    </div>
    <div style="margin:0;padding:0;position:fixed;left:50%;top:50%;display:block;z-index:9999;background:#808080;">
    <a href="http://www.renrousousuo.com">居中</a>
    </div>
    </body>
    </html> 
      

  2.   

    呵呵，thx还有为什么好多人都用utf-8呢不支持中文显示呀