div 悬浮于页面顶部

<!DOCTYPE html> 
<html> 
<head>
<title></title>
<style type="text/css">
html, body {
    width:100%;
    margin:0px auto;
    padding:0px auto;
}
.p1 {
    height:2000px;
}
.p2 {
    width:100%;
    height:35px;
    background-color:#3399FF;
    margin-top:100px;
}
.p2_1{
    position:fixed;
    width:100%;
    height:35px;
    z-index:999;
    background-color:#3399FF;
    top:0px;
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
}
*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}
 
</style>
<script type="text/javascript">
window.onscroll=function(){ 
    var t=document.documentElement.scrollTop||document.body.scrollTop;  
    var p2=document.getElementById("p2"); 
    if(t>= 100){ 
        p2.className = "p2_1";
    }else{
        p2.className = "p2";
    } 
}
</script>
</head>
<body>
<p class="p1">
    <p id="p2" class="p2"></p>
</p>
</body>
</html>
  下载jquery.pin,然后解压后在该文件夹目录下新建一个html文件。
  编辑这个网页,在里面引入jquery.pin。
  具体代码如下: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="jquery.pin.js"></script>
  让图像p碰到屏幕顶后自动随着滚动而悬浮在顶部。
  做好后随着滚动而滚动了。
  引入了文件后。
  <script>
  $(".pinned").pin({containerSelector: ".b", minWidth: 940}); </script>
  (这段代码里面的.pinned是要悬浮的p,b是这个悬浮p悬浮的范围。)
舅爱新欢 sw261ed2k i54300y核显 voyeur woman toilet 死兆星守卫多少钱 cf哪个战队最厉害 友基绘影new g5 东乡区黄来盛 c parsedatetime anaxem pixel版本查询 vb.net 字符转16进制 姚记魔术牌975虎头教程 金庸十大机灵女 三菱plcq系列程序丢失 mc天佑怎么火的 ballet jazz ca125偏高一定是子宫内膜异位症 汤不热小视频集锦 translate interpret python导入数学函数 儿童香蕉鸡蛋饼 ibw257图 汉能薄膜太阳能 效率 linux查询机器型号 linux 杀掉进程 farrah abraham种子 985211最低分数线2016 好先生江浩坤豪宅 小说排行榜2016前十名

Copyright 资料库 Some Rights Reserved

如反馈或投诉等情况联系:une35498#163.com