17.效果如下:

18.如果想要更好的效果，可以用图片代替文字链接。

19.美化2:

20.我们还可以在“返回顶部”按钮上添加动画效果，让它看起来不那么突兀。

21.在/body标记前添加代码:

22、脚本类型= ' text/JavaScript ' src = ' jquery-1 . 11 . 0 . min . js '/script

23、脚本类型= ' text/JavaScript ' src = ' jquery . smooth-scroll . min . js '/script

24、脚本类型= '文本/javascript '

25 、＄( function(){

26、$('a ')。smooth scroll()；

27、})

28、剧本

29.这里使用了两个js文件。请从附件中下载。

30.保存文件，在浏览器中打开，点击返回顶部按钮，你会发现滚动条慢慢滚动到顶部。

31.完整的例子放在百度网盘里。如有必要，请发电子邮件给xdhy_dn@foxmail.com。

32.主题是“百度体验”。自动回复下载地址。

亲爱的朋友们，你们好。荔枝会回答你的问题。看朋友圈怎么回到 top，回顶，很多人还不知道，现在我们下去吧！

1.打开Dreamweaver，新建一个文档，将标题改为“回到顶部”；

2.首先，您需要创建一个超过屏幕长度的网页，并在body和/body标记中插入以下代码:

3、div style = ' width:100%；高度:1500像素；'/div

4.保存文件并在浏览器中打开它。在浏览器的右侧可以看到一个滚动条，如下图所示:

5.在body标记之后，立即添加一行代码:

6、a name='top'/a

7.这是一个标记位置的锚链接；

8.我们在这里回到顶部，所以锚链接直接位于body标签的后面；

9.如果你想跳转到页面的其他部分，把这个锚链接放到相应的位置；

10.然后在/body标记前添加一个按钮，代码如下:

11.a href='#top '返回页首/a

12.这是跳转到锚链接的代码，href属性的值是锚链接的name属性top。

13.保存文件，在浏览器中打开它，将页面滚动到底部，然后单击查看效果。

14、美化一个:

15.我们可以修改CSS，让“返回页首”按钮更美观。代码如下:

16、a href = & # 039# top & # 039style = & # 039显示:块；宽度:35px高度:42px边框:1px纯色# 000；位置:固定；右:20px下:20px & # 039返回br/顶部/a

牛皮克拉斯的大致内容到此结束，希望对家长有所帮助。