在head内加入
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.anchor.js" type="text/javascript"></script>
附件包已经封装好jquery.anchor.js在body中加入
<SCRIPT type="text/javascript">
$().ready(function(){
- //$("起点").Anchor({a:"目标",t:时间});
//起点 与目标 可以用id选择也可以用class选择 注意：目标 必须唯一
//时间表示从起点平滑滚动到目标所需时间
//如 $("#a").Anchor({a:"#b",t:1000});
//或者$(".a").Anchor({a:".b",t:1000}); 或者$(".a,#a").Anchor({a:".b",t:2000});
$("起点").Anchor({a:"目标",t:时间});
})
</script>
完整实例
-
<html>
- <head>
.....
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="/js/jquery.anchor.js" type="text/javascript"></script>
....
<style type="text/css">
- #a{ margin-bottom:500px}
- </style>
</head>
<body>
<SCRIPT type="text/javascript">
$().ready(function(){
- $("#a").Anchor({a:"#b",t:2500});
- })
- </script>
<div id="a">起点</div>
......
<div id="b">目标</div>
</body>
</html>
下载
为了让更多人用到此插件 顶贴吧！
当前位置：
支持(1) | 
反对(0)
顶端 
底部
![电子邮件:[ 4240249@qq.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
![QQ号码:[ 4240249 ]](http://bbs.kesion.com/club/images/qq.gif){kind=small}
weiyuan026 发表于：2011/4/13 13:59:20 | 只看该作者 查看该作者主题
板凳 
