0

jquery锚点滑动效果

Posted in JavaScript at 八月 18th, 2009 / No Comments »

<script type=”text/javascript” src=”/js/jquery.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
 $(‘#fff’).click(function(){
  var targetOffset = $(‘#ddd’).offset().top;
  $(‘html, body’).animate({scrollTop: targetOffset}, 300);
  return false;
 });
});
</script>
<p>q</p>
<p>wew</p>
<p><a href=”#a” id=”fff”>ew</a>=======================</p>
<p>ew</p>
<p>r</p>
<p>r</p>
<p>ewr</p>
<p>wer</p>
<p>r</p>
<p>wer</p>
<p>we</p>
<p>rw</p>
<p>erwe</p>
<p>&nbsp;</p>
<p>q</p>
<p><a name=”a” id=”ddd”>wew</a>!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
<p>ew</p>
<p>ew</p>
<p>r</p>
<p>r</p>
<p>ewr</p>
<p>wer</p>
<p>r</p>
<p>wer</p>
<p>we</p>
<p>rw</p>
<p>erwe</p>
<p>&nbsp;</p>
<p>q</p>
<p>wew</p>
<p>ew</p>
<p>ew</p>
<p>r</p>
<p>r</p>
<p>ewr</p>
<p>wer</p>
<p>r</p>
<p>wer</p>
<p>we</p>
<p>rw</p>
<p>erwe</p>
<p>&nbsp;</p>

Published in JavaScript
Tags: ,

No Responses to “jquery锚点滑动效果”

Leave a Reply

请输入算式结果(看不清请点击图片)
(必须)