网页浮动按钮 点击回到顶部的是怎么做的啊 应该会用到javascript吧 求大神给个实力 让我研究研究。。。
展开全部
这个简单，不用js也可以做出来，右边那块用个绝对定位层，只需给那个层设定几个css属性即可，position:fixed;top:600px;left:1000px;width:200px;height:400px;
再在这个层里面放个div或者img标签，用图片或背景填充起来，然后用a标签把div或img标签包裹起来，最重要的是a标签的href属性，要设置成你想要跳转的地方的某个元素的name属性值或者id属性值。如顶部页面有一个div标签有这两个属性，name="pic1" id="pic2"，你下面的那个a标签的href属性设置成pic1或pic2都行。如果你还想鼠标放上去有点动态效果，如换张图片，这个效果可以用css做出来，也可以用js做出来
再在这个层里面放个div或者img标签，用图片或背景填充起来，然后用a标签把div或img标签包裹起来，最重要的是a标签的href属性，要设置成你想要跳转的地方的某个元素的name属性值或者id属性值。如顶部页面有一个div标签有这两个属性，name="pic1" id="pic2"，你下面的那个a标签的href属性设置成pic1或pic2都行。如果你还想鼠标放上去有点动态效果，如换张图片，这个效果可以用css做出来，也可以用js做出来
追问
能给个实例嘛？谢谢哈 嘿嘿
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
.button{position:fixed;bottom:100px;right:40px;width:20px;height:20px;border:1px solid #909090;background-color:#dfdfdf;}
.button:hover{border:1px solid #ee8800;background-color:#ff9900;}
</style>
</head>
<a id="idTop"></a>
<div style="position:absolute;top:20px;left:100px;right:100px;height:2000px;background-color:f0f0f0;border:2px solid #e8e8e8;"></div>
<a href="#idTop"><div class="button"></div></a>
<!--不用js也行，直接在网页顶部添加一个锚-->
追问
能给个实力吗 谢谢哈
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
