個人筆記 html 03 製作返回頁面頂部top

1、在<head>標籤中加入到頁面頂部的錨點

<a id="_top"></a>

2、在<body>的最末尾加入js代碼(用div實現)

<script type="text/javascript">  
    		function form_top(){  
        	document.write('<div id="form_top"><a href="#_top" title="回到頂部"><div class="top_img"></div></a></div>')  
    		}  
    		form_top();  
</script>

3、設置top按鈕的css樣式(讓div始終在頁面右下角)

#form_top{display:block; bottom:3px; right:3px; position:fixed;}  
		.top_img{  
    		background-image: url("img/top.png");  
    		width: 40px;  
    		height:40px;  
    		cursor: pointer;  
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章