账号通
    

账号  

密码  

7100

查看

6

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

653

主题

10

广播

17

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

用户积分:1585 分
登录次数:361 次
注册时间:2010/11/19
最后登录:2019/5/7
licaifuwu 发表于:2011/4/13 12:58:17   | 显示全部帖子 查看该作者主题 楼主 
科汛在线考试系统(NET)

在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) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.07813秒 powered by KesionCMS 9.0