首頁  >  文章  >  web前端  >  頁內跳轉(錨點練習)的實例代碼

頁內跳轉(錨點練習)的實例代碼

零下一度
零下一度原創
2017-05-11 15:33:341767瀏覽

分享頁內跳轉(錨點練習)的實例程式碼,只是一個小練習,大神不喜請不要噴,新手朋友們可以來看看我寫的;

代碼如下:

<!DOCTYPE html>
<html 
lang
="en">
<
head
>
 <meta char
set
="UTF-8">
 <title>
Document
</title>
 <style>
 body{
 
height
: 2000px; 
 
position
: relative;
 }
 .a{
 position: absolute;
 
bottom
: 0px;
 }
 </style>
</head>
<body>
 <a href="http://www.sina.com"><a href="#db">杩斿洖搴曢儴</a></a>
 <hr />
 <br />
 <img src="images/1.jpg" alt="濂ヨ开R8">
 <p class="a" id="db"><a href="#last"><a href="#">杩斿洖椤堕儴</a></a></p>
</body>
</html>

【相關推薦】

#1. 免費html線上影片教學

##2. 

html開發手冊

3. 

php.cn原始html5影片教學

以上是頁內跳轉(錨點練習)的實例代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn