# 七、jQuery 与网络浏览器

## 禁用右键上下文菜单

使用 JavaScript，可以禁用浏览器的原生右键 [上下文菜单](http://www.quirksmode.org/dom/events/contextmenu.html)。用 jQuery 这样做很容易。我们只是取消`contenxtmenu`事件。

样本:sample80.html

```js
<!DOCTYPE html>
<html lang="en">
<body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>  (function ($) {
$(document).bind('contextmenu', function () { return false; }); })(jQuery);
</script>
</body>
</html>

```

## 滚动浏览器窗口

虽然有许多用于滚动浏览器窗口的插件，但是当需要简单滚动时，这样做可能是微不足道的。通过在`<html>`和`<body>`元素上设置`scrollTop` CSS 属性，可以控制水平或垂直滚动的位置。在下面的代码中，我使用`animate()`方法将水平滚动动画化到页面中的特定元素。

样本:sample81.html

```js
<!DOCTYPE html>
<html lang="en">
<body>
    <style>
        li
        {
            padding-bottom: 500px;
        }
    </style>
    <ul>
        <li><a href="#" class="next">Next</a></li>
        <li><a href="#" class="next">Next</a>/<a href="#" class="prev">Previous</a></li>
        <li><a href="#" class="next">Next</a>/<a href="#" class="prev">Previous</a></li>
        <li><a href="#" class="prev">Previous</a></li>
    </ul>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>  (function ($) {
      $('.next')
            .click(function () { $('html,
body').animate({
scrollTop: $(this).parent().next().find('a').offset().top },
1000); });
      $('.prev')
          .click(function () { $('html,
body').animate({
scrollTop: $(this).parent().prev().find('a').offset().top },
1000); });
  })(jQuery); </script>
</body>
</html>

```