注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一车,一房,一个温暖家

10万左右的车,80平方的房子,这是我奋斗的暖暖的家

 
 
 

日志

 
 

引用 左悬式圆角菜单【原】   

2015-06-21 05:32:57|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自Yesterday morning《左悬式圆角菜单【原】》

<!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 runat="server">
    <title></title>
    <style type="text/css">
div.roundedcorner{background: #3a6ea5; width: 50px; color:white; position:absolute; z-index:100; top:90%; left:0; }
b.r   {display:block;background: #fff}
b.r b {display:block;height: 1px;overflow: hidden; background: #3a6ea5}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r b.r4{margin: 0 1px;height: 2px}
</style>
<script>
    function SetDiv(ofTop) {
        var dv = document.getElementById("dv1");
        var s = document.documentElement.scrollTop + ofTop - dv.offsetTop;
        if (s > 0) {
            if (s > 10)
                dv.style.top = dv.offsetTop + 10 + "px";
            else
                dv.style.top = dv.offsetTop + "px";
        }
        else if (s < 0) {
        if (Math.abs(s) > 10)
            dv.style.top = dv.offsetTop - 10 + "px";
        else
            dv.style.top = dv.offsetTop + s + "px";
        }
    }
    setInterval('SetDiv(' + (window.screen.height * 0.4) + ')', 1);
</script>
</head>

<body>
    <form id="form1" runat="server">
   <div>
    ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />
    ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />
    ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />
    ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />ds<br />
    </div>
    <div id="dv1" class="roundedcorner">
   <b class="r"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
   <div style="padding-left:14px; height: 164px; font-size:9pt;">
      <a href="">菜单1</a><br />
      <a href="">菜单2</a><br />
      <a href="">菜单3</a><br />
      <a href="">菜单4</a><br />
      <a href="">菜单5</a><br />
   </div>
   <b class="r"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

    </form>
</body>
</html>

 


 

  评论这张
 
阅读(7)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018