回到顶部制作

JS


      $(document).ready(function(){ 
        $("#backtop").hide(); 
        $(window).scroll(function () { 
          if ($(this).scrollTop() > 100) { 
            $('#backtop').fadeIn(); 
          } else { 
            $('#backtop').fadeOut(); 
          } 
        }); 
        $('#backtop').click(function () { 
          $('body,html').animate({ 
            scrollTop: 0 
          }, 500); 
        }); 
        $("pre").addClass("prettyprint"); 
        prettyPrint(); 
        $("a.menu").click(function(){
            $("#main-header").toggleClass("nav-res");
        });
      }); 

HTML

回到顶部

CSS

#backtop {
    background: url("images/backtop.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 80px;
    cursor: pointer;
    height: 36px;
    position: fixed;
    right: 55px;
    width: 36px;
}

图片:
backtop

如何让input和img水平对齐

将input和img放同一行,img标签总是比input高出一个头,非常难看。之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align=”absmiddle”属性,这个方法似乎的确可行,但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行:

input,img{vertical-align:middle;}
这样代码就会规规矩矩地水平对齐了。

原文地址:http://blog.lrenwang.com/post/194/