账号通
    

账号  

密码  

7091

查看

6

回复
主题:[分享]自己做的 jquery描点平滑滚动插件 简单,精简 [收藏主题] 转到:  
licaifuwu 当前离线

653

主题

10

广播

17

粉丝
添加关注
级别:六年级

用户积分:1585 分
登录次数:361 次
注册时间:2010/11/19
最后登录:2019/5/7
licaifuwu 发表于:2011/4/13 12:58:17   | 只看该作者 查看该作者主题 楼主 
科汛智能建站系统

在head内加入



  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

  2. <script src="jquery.anchor.js" type="text/javascript"></script>

附件包已经封装好jquery.anchor.js在body中加入

  1. <SCRIPT type="text/javascript">

  2. $().ready(function(){

  3. //$("起点").Anchor({a:"目标",t:时间});

  4. //起点 与目标 可以用id选择也可以用class选择 注意:目标 必须唯一

  5. //时间表示从起点平滑滚动到目标所需时间

  6. //如 $("#a").Anchor({a:"#b",t:1000});

  7. //或者$(".a").Anchor({a:".b",t:1000}); 或者$(".a,#a").Anchor({a:".b",t:2000});

  8. $("起点").Anchor({a:"目标",t:时间});

  9. })

  10. </script>

完整实例

  1. <html>

  2. <head>

  3. .....

  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

  5. <script src="/js/jquery.anchor.js" type="text/javascript"></script>

  6. ....

  7. <style type="text/css">

  8. #a{ margin-bottom:500px}

  9. </style>

  10. </head>

  11. <body>

  12. <SCRIPT type="text/javascript">

  13. $().ready(function(){

  14. $("#a").Anchor({a:"#b",t:2500});

  15. })

  16. </script>

  17. <div id="a">起点</div>

  18. ......

  19. <div id="b">目标</div>

  20. </body>

  21. </html>

下载

 下载信息  [文件大小:0.46 KB 下载次数: 次]
点击下载文件:jquery.anchor

为了让更多人用到此插件 顶贴吧!

 
  支持(1) | 反对(0) 回到顶部顶端 回到底部底部
mushylqq 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:69 分
登录次数:25 次
注册时间:2011/3/20
最后登录:2013/5/26
mushylqq 发表于:2011/4/13 13:18:47   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
ddcs 当前离线

21

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:23 分
登录次数:1 次
注册时间:2011/4/13
最后登录:2011/4/13
ddcs 发表于:2011/4/13 13:57:41   | 只看该作者 查看该作者主题 藤椅 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
weiyuan026 当前离线

303

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:268 分
登录次数:28 次
注册时间:2010/8/28
最后登录:2011/5/9
weiyuan026 发表于:2011/4/13 13:59:20   | 只看该作者 查看该作者主题 板凳 
看不懂,太深奥了!
 
<a href=http://www.yangshengdaren.com/>***养生</a> <a href=http://www.wolflu.cn>重庆SEO</a> <a href=http://www.faguodongqing.com>法国冬青</a> <a href=http://www.yurenshe.cn/>健康知识</a> <a href=http://900k.com.cn>电视剧</a> <a href=http://www.viabc.org>维生素</a>
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
1425 当前离线

211

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:193 分
登录次数:7 次
注册时间:2011/4/9
最后登录:2011/4/19
1425 发表于:2011/4/13 14:40:30   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
yu1704 当前离线

360

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:213 分
登录次数:36 次
注册时间:2011/4/3
最后登录:2012/6/6
yu1704 发表于:2011/4/13 15:06:30   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cn8151 当前离线

817

主题

5

广播

0

粉丝
添加关注
级别:七年级

用户积分:9288 分
登录次数:135 次
注册时间:2010/4/9
最后登录:2016/3/17
cn8151 发表于:2011/4/14 17:23:16   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行2.70313秒 powered by KesionCMS 9.0