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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值