jquery插件实现面板切换效果

原创 2012年03月28日 19:36:06
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="./js/jquery-ui-1.8.18.custom.min.js"></script>
<link rel="stylesheet" href="./css/ui-lightness/jquery-ui-1.8.18.custom.css" />
<script type="text/javascript">
$(function(){
    $("#tables").tabs({
        fx:{opacity:0.2}, //显示透明度的
        selected:3
        });
    });
</script>
</head>

<body>
<div id="tables">
    <ul>
        <li><a href="#tab-1">陌生人</a></li>
        <li><a href="#tab-2">黑名单</a></li>
        <li><a href="#tab-3">白名单</a></li>
        <li><a href="#tab-4">找死啊</a></li>
    </ul>
    <div id="tab-1">
        嘿嘿 哈哈  (*^__^*) 嘻嘻……
    </div>
     <div id="tab-2">
        啦啦啦啦啦  我我我我我我我我
    </div>
     <div id="tab-3">
        佳佳。。。。。I love you forever!!!
    </div>
    <div id="tab-4">
        xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx;
    </div>
    
</div>
</body>
</html>


相关文章推荐

jquery插件面板效果

面板效果 $(document).ready(function (){ $("#tabs").tabs({ event:"clic...

jQuery插件 实现图片文字遮罩效果

  • 2010年07月02日 09:39
  • 386KB
  • 下载

jQuery插件2(拖拽draggable/放置droppable/排序sortable/面板折叠accordion/横向选项卡tabs/对话框dialog/menu/微调spinner/框提示)

1、拖曳插件——draggable 通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下: $(selector). draggable({options}) options...

jquery插件实现幻灯效果

  • 2015年04月14日 13:06
  • 814KB
  • 下载

利用jquery插件中的拖拽与放置实现的相册效果,可以删除和恢复

该效果为官方提供,本人只是进行了一下翻译,加了些详细注释供大家参考,对大家有帮助就ok了,如有解释错误谢谢提出。 以下是需要引入的一些文件,如果没有您可以通过给定的地址进行下载,谢谢: j...

用jquery插件-slider实现滑块的效果

滑块的效果

jquery插件实现手风琴效果!

手风琴的效果 $(document).ready(function (){ // var option = { hrader: "h3",s}; [{},{},{}]; ...
  • Oo__YAN
  • Oo__YAN
  • 2012年03月28日 21:20
  • 3019

使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果

日期:2011/11/01 来源:GBin1.com 因为本人是星际争霸系列游戏的忠实拥簇,所以在今天的jQuery教程中,我们将使用HTML5和jQuery插件Quicksand来创建一个超酷...
  • jjfat
  • jjfat
  • 2011年11月01日 19:08
  • 890
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery插件实现面板切换效果
举报原因:
原因补充:

(最多只允许输入30个字)