案例：jQuery UI案例     状态：不可编辑再运行    进入横版
AخA
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
 
1
<!doctype html>
2
<html>
3
<head>
4
  <meta charset="utf-8">
5
  <title>jQuery UI 标签页（Tabs） - 当鼠标悬停时打开</title>
6
  <link rel="stylesheet" href="/css/jqu1.10.4/jquery-ui.min.css">
7
  <script src="/js/jqu/jquery.min1.10.2.js"></script>
8
  <script src="/js/jqu/jquery-ui.min1.10.4.js"></script>
9
  <link rel="stylesheet" href="jqueryui/style.css">
10
  <script>
11
  $(function() {
12
    $( "#tabs" ).tabs({
13
      event: "mouseover"
14
    });
15
  });
16
  </script>
17
</head>
18
<body>
19
20
<div id="tabs">
21
  <ul>
22
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
23
    <li><a href="#tabs-2">Proin dolor</a></li>
24
    <li><a href="#tabs-3">Aenean lacinia</a></li>

 运行结果　
　北美留学生论坛