大家都知道，在WEB设计中用户体验很重要，这个不仅关系到房客的回头率，更重要的是达到自己预期的效果，就如本文所讲的JQuery实现指定区域随鼠标滚动。

其实像这类的插件已经很多了，但是作为我个人来说：在JQuery流行的今天，能减少网页代码就减小些吧~~，不要把那些插件运用的太多，毕竟插件多了拖慢网页的载入速度嘛~~这点对访客来说更为重要，因为没有人会为了一个网页会耗费相当多的时间，就我来说，超过15秒还没打开的网页，我绝对会立马关掉，而现在强大的JQuery越来越流行，更重要的是Google也提供了代码的托管(这个因该没有谁会比google的服务更稳定吧！)，所以何乐而不为了？

要实现这个特效我们得按如下操作;

第一步：给“指定区域”那个栏目的ID 命名为ID=”tuijian”，ID名称可以自定义。

<div   id=”tuijian”>内容丫</div>

第二步（必须）：加载 jquery库….，这你可以用自己的，或者谷歌的，当然你得敢保证你的服务比谷歌更稳定。

<script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>

然后在适当的区域内面加上这段JS代码，当然你也可以存为JS调用:

<script type=“text/javascript” >

    jQuery(document).ready(function($) {

    $(function() {

    var $sidebar = $(“#tuijian”),

    $window = $(window),

    offset = $sidebar.offset(),

    topPadding = 15;

    $window.scroll(function() {

    if ($window.scrollTop() > offset.top) {

    $sidebar.stop().animate({

    marginTop: $window.scrollTop() - offset.top + topPadding});

    } else {

    $sidebar.stop().animate({

    marginTop: 0

    });}});});

    });

    </script>

存为JS文件的话得去掉JS的头部,嗯，好啦~~要说的就这么多了~，应该这个不难吧~~，你可以把你要推荐给别人的地方用这个来做个滚动吧~~