為什么沒有選項(xiàng)卡插件的效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
? ? <head>
? ? ? ? <title>選項(xiàng)卡插件</title>
? ? ? ? <link href="http://idcbgp.cn/data/jquery-ui.css" rel="stylesheet" type="text/css" />
? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />
? ? ? ? <script src="http://idcbgp.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
? ? ? ? <script src="http://idcbgp.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
? ? </head>
? ??
? ? <body>
? ? ? ? <div id="divtest">
? ? ? ? ? ? <div id="tabs">
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="#tabs-1">最愛吃的水果</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="#tabs-2">最喜歡的運(yùn)動</a></li>
? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? <div id="tabs-1">
? ? ? ? ? ? ? ? ? ? <p>橘子</p>
? ? ? ? ? ? ? ? ? ? <p>香蕉</p>
? ? ? ? ? ? ? ? ? ? <p>葡萄</p>
? ? ? ? ? ? ? ? ? ? <p>蘋果</p>
? ? ? ? ? ? ? ? ? ? <p>西瓜</p>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? <div id="tabs-2">
? ? ? ? ? ? ? ? ? ? <p>足球</p>
? ? ? ? ? ? ? ? ? ? <p>散步</p>
? ? ? ? ? ? ? ? ? ? <p>籃球</p>
? ? ? ? ? ? ? ? ? ? <p>乒乓球</p>
? ? ? ? ? ? ? ? ? ? <p>騎自行車</p>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ?$("#tabs").tabs({
? ? ? ? ? ? ? ? ? ? //設(shè)置各選項(xiàng)卡在切換時的動畫效果
? ? ? ? ? ? ? ? ? ? fx: { opacity: "toggle", height: "toggle" },
? ? ? ? ? ? ? ? ? ? event: "mousemove" //通過移動鼠標(biāo)事件切換選項(xiàng)卡
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>
2017-11-23
你自己用工具試一下應(yīng)該是可以的