个人笔记 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;  
}


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