日韩av免费一二三区-2021精品久久久久精品k8-亚洲红杏AV无码专区首页-99精品久久久久久水蜜桃

咨詢電話:
15628812133
20
2017/01

Html中的錨點(diǎn)連接是如何來使用的

發(fā)布時(shí)間:2017-01-20 17:23:17
發(fā)布者:369563174
瀏覽量:
0

錨點(diǎn)是網(wǎng)頁制作中超級(jí)鏈接的一種,又叫命名錨記。命名錨記像一個(gè)迅速定位器一樣是一種頁面內(nèi)的超級(jí)鏈接,運(yùn)用相當(dāng)普遍。

那么他是如何來寫的呢:

   這里可以放圖標(biāo) 也可以放文字

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

在網(wǎng)頁中,當(dāng)你滾動(dòng)到最底下想直接回到頂部的時(shí)候,這個(gè)時(shí)候就用到了錨鏈接,為了他的樣式好看,你可以用Jquery去寫,比如我們官網(wǎng)右側(cè)的懸浮小圖標(biāo):

圖片1.png

最下面的一個(gè)就是回到頂部,他在最頂部的時(shí)候是不顯示的

圖片2.png

只有當(dāng)頁面往下滑的時(shí)候他才會(huì)出現(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的寫法,當(dāng)window滾動(dòng)到120這個(gè)坐標(biāo)點(diǎn)的時(shí)候這個(gè)小圖標(biāo)進(jìn)入,點(diǎn)擊它的時(shí)候他會(huì)去查找html跟body標(biāo)簽,同時(shí)向上滾動(dòng)。

關(guān)鍵詞:
返回列表