实例代码 - 手册网

实例代码“Ctrl+/”提示“F11/ESC”全屏返回格式化恢复运行

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="Stylesheet" href="/api/jq/CleverTabs/context/themes/base/style.css" type="text/css" />
    <link rel="Stylesheet" href="/api/jq/CleverTabs/context/themes/base/jquery-ui.css" type="text/css" />
    <script src="/api/jq/CleverTabs/scripts/jquery.js" type="text/javascript"></script>
    <script src="/api/jq/CleverTabs/scripts/jquery-ui.js" type="text/javascript"></script>
    <script src="/api/jq/CleverTabs/scripts/jquery.contextMenu.js" type="text/javascript"></script>
    <script src="/api/jq/CleverTabs/scripts/jquery.cleverTabs.js" type="text/javascript"></script>
    <script type="text/javascript">
        var tabs;
        var tmpCount = 0;

$(function () {

tabs = $('#tabs').cleverTabs();
            $(window).bind('resize', function () {
                tabs.resizePanelContainer();
            });

tabs.add({
                url: 'http://www.baidu.com',
                label: 'baidu'
            });

tabs.add({
                url: 'http://www.soso.com',
                label: 'soso',
                callback: function () {
                    alert('callback');
                }
            });

$('input[type="button"]').button();

});
    
    </script>
</head>
<body>
    <div id="tabs" style="margin: 0px;">
        <ul>
        </ul>
    </div>
   </body>
</html>

​x
 
••<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="Stylesheet" href="/api/jq/CleverTabs/context/themes/base/style.css" type="text/css" />
    <link rel="Stylesheet" href="/api/jq/CleverTabs/context/themes/base/jquery-ui.css" type="text/css" />
    <script src="/api/jq/CleverTabs/scripts/jquery.js" type="text/javascript"></script>
    <script src="/api/jq/CleverTabs/scripts/jquery-ui.js" type="text/javascript"></script>
    <script src="/api/jq/CleverTabs/scripts/jquery.contextMenu.js" type="text/javascript"></script>
    <script src="/api/jq/CleverTabs/scripts/jquery.cleverTabs.js" type="text/javascript"></script>
    <script type="text/javascript">
        var tabs;
        var tmpCount = 0;
​
        $(function () {
​
            tabs = $('#tabs').cleverTabs();
            $(window).bind('resize', function () {
                tabs.resizePanelContainer();
            });
​
            tabs.add({