`
piperzero
  • 浏览: 3471676 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

jquery插件实现面板切换效果

 
阅读更多
<!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插件实现弹对画框效果
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery&CSS;&CSS;+DIV实例大全.rar

    一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧...

    jQuery和CSS3超酷三面板幻灯片特效

    这是一款效果非常酷的jQuery和CSS3三面板幻灯片特效插件。该幻灯片插件将一张图片分割为三部分，在幻灯片切换的时候，图片的每一部分都从不同方向进入显示，效果非常不错。

    jQuery权威指南366页完整版pdf和源码打包

    6.5　综合案例分析—用ajax实现新闻点评即时更新　6.5.1　需求分析　6.5.2　效果界面　6.5.3　功能实现　6.5.4　代码分析　6.6　本章小结　第7章　jquery常用插件　7.1　jquery插件概述　7.2　验证插件validate　7.3...

    xheditor v1.0.0 rc2 build 100401

    Word：实现Word代码自动检测并清理，提供高效完美的Word代码过滤方案，生成代码最优化精简，但是却不丢失任何细节效果。 UBB：提供完美的UBB可视化编辑解决方案，在您获得安全高效代码存储的同时，又能享受可视化...

    xheditor-1.1.14

    方法2：利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递参数，例： $('#elm1').xheditor(); 或者 $('#elm1').xheditor({tools:'mini'}); 特别说明：两种初始化方法只能选择其中一种使用，如果...

    Trellists：Trello列表大师「Trellists: Trello Lists Master」-crx插件

    *删除了顶部栏的jQuery fadeIn效果，以避免闪烁 1.3 *修复了许多错误 *提高了应用速度 *改进的用户界面 *更改了Bar的样式，使其看起来更像Trello的本机元素 *页头中的栏现在会在页面自动加载后立即显示 *酒吧更新...

    JAVA上百实例源码以及开源项目

    　Java绘制图片火焰效果，源代码相关注释：前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    JAVA上百实例源码以及开源项目源代码

    　Java绘制图片火焰效果，源代码相关注释：前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...

    SHINE for reddit (unofficial)-crx插件

    再次添加侧边栏-新设置使侧边栏始终处于正确位置（因此您无需向上滚动即可看到它）-现代白色和现代风格现已成为默认配置-主题设置面板的较小更改-现在作者悬停了正在正确设置主题-设置面板现在正在正确设置主题-添加...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome ...

    ExtAspNet_v2.3.2_dll

    +所有的面板默认有两个集合属性（Toolbars和Items）. -尽管TabStrip, From, Tree, Accordion继承了Items属性，但是你并不能对其设置（此时Items是只读的）. -这将会影响所有的aspx页面，一定要将工具条...

    asoft签到管理系统tykq3.5_build20110125

    暂时屏蔽日程功能（插件暂时无法兼容，会在后续补丁开放该功能。） 3、编写公告和便签附件上传代码，植入uploadify控件，现在您可以为自己的附件箱增加附件了 4、如果管理员设置了自动签退，现在系统不再记录用户...

    UniGUI 说明

    33. UniGUI 的布局面板控件 TUniRegionPanel ................................................................... 28 34. UniGUI 使用报表 Grid+Report 的方法之一 (静态调用 ) ...................................

Magicbox
Global site tag (gtag.js) - Google Analytics