东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
20
2017/01

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

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

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

那么他是如何來(lái)寫的呢:

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

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

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

圖片1.png

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

圖片2.png

只有當(dāng)頁(yè)面往下滑的時(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)鍵詞:
返回列表