Html中的錨點連接是如何來使用的

發(fā)布時間：2017-01-20 17:23:17

發(fā)布者：369563174

瀏覽量:

錨點是網頁制作中超級鏈接的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級鏈接，運用相當普遍。

那么他是如何來寫的呢：

   這里可以放圖標 也可以放文字

您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。

在網頁中，當你滾動到最底下想直接回到頂部的時候，這個時候就用到了錨鏈接，為了他的樣式好看，你可以用Jquery去寫，比如我們官網右側的懸浮小圖標：

最下面的一個就是回到頂部，他在最頂部的時候是不顯示的

只有當頁面往下滑的時候他才會出現(xiàn)，那么他是如何寫的呢：

        
    $(function(){
      $(window).scroll(function(){
       if($(window).scrollTop()>120){
      $("#side-bar .gotop").fadeIn();
      }
    else{
      $("#side-bar .gotop").fadeOut();
      }
      });
      $("#side-bar .gotop").click(function(){
      $('html,body').animate({'scrollTop':0},500);
      });
      });

這就是他的Jquery的寫法，當window滾動到120這個坐標點的時候這個小圖標進入，點擊它的時候他會去查找html跟body標簽，同時向上滾動。

上一篇：網頁設計師需要的火狐附加組件

下一篇：頁面中的新聞滾動是如何實現(xiàn)的

關鍵詞: