http://www.01-web.net/blog 专注于网页设计，网站开发，用户体验 Tue, 12 Jan 2010 06:21:40 +0000 http://backend.userland.com/rss092 en [runcode width="605" height="300"] new page function crertdiv(_parent,_element,_id,_css){//创建层 var newObj = document.createElement(_element); ... http://www.01-web.net/blog/?p=178 今天在修整博客侧栏信息时，利用到了Tab选项卡方式，因为ZBlog封装的是JQuery库，所以很自然地就想到了IdTabs。顺便也找来了不少优秀的Tab选项卡实例，在这里与大家分享一下。当然，最终我没有用到IdTabs以及如下任何一个实例，我只是很不服气的自己写了个小插件，尚不完善，就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧： 1. jQuery 选项卡界面 / 选项卡结构菜单教程 这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此演示哟，你一定会喜欢上它的。 演示 | 下载 | 介绍 2. jQuery目录导航插件 这个jQuery插件为我们提供了添加基于字母顺序的导航小部件到有序和无序列表的方法。一个在列表之上的简易的(via CSS)导航条，向用户展示从A到Z的检索。通过从列表中选择一个字母来显示以此字母开头的所有元素。在可选字母上面显示的计数，是表明当你点击此字母的时候会有多少项目被现实。除此之外还有其他的基本功能可供选择。 演示 | 下载 | 介绍 3. jQuery的Kwicks菜单 Kwicks起源于Mootools中的一个效果(相同名字),逐渐演变成一个高度可定制的通用部件. 演示 | 下载 | 介绍 4. jQuery褪色菜单 -更换内容 CSS-tricks上很好的教程，讲解如何使用css和jQuery, 这次是他们教导如何使用 jquery使得菜单选项褪色。 演示 | 下载 | 介绍 5. jQuery idTabs idTabs是jQuery的插件。他能非常容易的为网站添加选项卡. 但是他也为无穷的可能性敞开大门。 演示 | 下载 | 介绍 6. jQuery + CSS创建顺畅的选显卡内容区 网页设计师设法把大量的信息浓缩在一个网页上而不失可用性是最大的挑战之一。内容选项卡化是处理此类问题非常棒的方法，最近广泛被应用于博客。这是一篇非常棒的教程讲解，使用HTML建立一个小的选项卡信息盒，最后使用一些简单js功能与jQuery库实现。 演示 | 下载 | 介绍 http://www.01-web.net/blog/?p=175 http://www.kxbd.com/mylab/090720marquee/ http://www.01-web.net/blog/?p=173 https://www.hostmonster.com http://www.01-web.net/blog/?p=169 http://cdc.tencent.com/?p=1820 http://www.01-web.net/blog/?p=167 Lee dialog http://www.xij.cn/blog/wp-content/uploads/2008/08/dialog/ dialog UI http://malsup.com/jquery/block/#demos DOMWindowDemo http://swip.codylindley.com/DOMWindowDemo.html http://www.01-web.net/blog/?p=165 http://www.shopvk.com/Design/Pages/110512272009.html http://www.01-web.net/blog/?p=162 http://www.riameeting.com/channel/learnflexinaweek/ http://www.01-web.net/blog/?p=159 网上搜索、RIA\Flex论坛里精心收藏与RIA相关的教程文档。 一、视频教程 Adobe的一周学会Flex系列教程  (英文)http://www.adobe.com/devnet/flex/videotraining/   Adobe的一周学会Flex系列教程 （中文字幕） http://www.riavideo.net/ODT/list.html 幻想-FLEX 3基础视频教程 http://www.verycd.com/topics/280538/ 二、电子文档(pdf) Flex 3 RIA开发详解与精深实践 Flex与后台交互的方法.pdf Flex 3 Cookbook简体中文.pdf flex中文帮助 ACTIONSCRIPT+3.0+编程清晰版 Actionscript3快速入门.doc 已打包：下载 三、网络在线学习（博客、论坛） 精心收藏Flex、RIA相关的网站  详见: RIA学习网站 http://www.01-web.net/blog/?p=157 精心收藏与RIA相关的网站，与大家分享。 http://www.5uflash.com/html/flex-air/  Flex-AIR-闪无忧 http://www.riameeting.cn/   RIAMeeting http://www.anyflex.cn/     AnyFlex开发者论坛 http://www.riachina.com/   RIACHINA 中国RIA开发者论坛 http://www.52ria.com/       中国第一家FLASHRIA专业开源网站 http://www.enet.com.cn/eschool/zhuanti/flashaction/  Flash高级Action编程视频教程 http://www.ActionScript3.cn/    ActionScript 3天地会门户 http://www.richbox.net/ 富应用文档库 http://blog.minidx.com/ 全文检索技术,算法和数据结构,中文Flex例子 http://flex.sourceforge.net/ flex: The Fast Lexical Analyzer http://www.flexcoders.cn/  AIRIA论坛 - RIA开发、Flex技术交流 http://www.k-zone.cn/zblog/ 关注Flex,AS3,AIR,Java,DotNet,Web Design,flex2 http://www.01-web.net/blog/?p=154