查看: 9246|回复: 2

网页锚点平滑移动过渡效果的代码

[复制链接]

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74234
QQ
发表于 2011-1-22 02:26:28 | 显示全部楼层 |阅读模式
尹广磊公众帐号
源文地址:http://www.dezinerfolio.com/2007 ... ript-smooth-scroll/
源示例地址:http://www.dezinerfolio.com/wp-c ... _smooth_scroll.html

让网页中的锚点在跳转过程中有一个平滑的过渡效果,最简单的方法在网页中插入以下代码。
  1. <script type="text/javascript" src="http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/smooth.pack.js"></script>
复制代码
这样你网页中原来的锚点间跳转就可以平滑过渡了,
在网页中指定位置加锚点的方法,在指定位置插入以下类似的锚点名称。
  1. <a name="top"></a>
  2. <a name="footer"></a>
复制代码
如果以上地址的js源文件已经失效,你可以下载下面的js源文件内容,然后自己调用。

smooth.pack.js (1 KB, 下载次数: 31)

0

主题

35

回帖

12

积分

会员

勇敢的海上战士

Rank: 5Rank: 5

积分
12
发表于 2011-2-16 16:44:34 | 显示全部楼层
不错的效果~~

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-5-12 09:53:57 | 显示全部楼层
上下可以 如何左右锚点 滑动呢
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-20 13:10

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表