实用Javascript Tab导航插件23个

实用Javascript Tab导航插件23个的相关文章

• 
  Tab导航与侧边抽屉导航的巅峰对决

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  本文作者Anthony Rose，是社交网络电台Zeebox的联合创始人及CTO，文章不仅分析了侧边栏导航和Tab导航的利弊，还有改版过程进行A/B test 的详尽过程，且最后也给了建议，读完能对这两种导航有清晰的认识，非常有价值的经验分享。 设想你需要设计一个含有许多页面和模块，不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下，多出来的一排导航看上去有点碍眼?我们尝试下把他...[ 查看全文 ]

  逝_水__

  41
• 
  9款国外超实用的响应式导航插件下载

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  为了适应手机版的网站，网站导航都需要逐一优化，今天分享9款最新的响应式导航菜单插件，帮你节省大量时间。 Mmenu 这个mmenu插件除了能实现手机侧边栏菜单外，它设计的2级菜单效果也很棒，就像是iPhone的设置菜单一样，可左右滑动展开。还有更多强大功能，比如为菜单加上图标，展开的方式等等。 在线DEMO | 下载插件 Drawer Drawer的响应式菜单带有多种不同类型的展开方式，从右边、左边...[ 查看全文 ]

  叉叉哦

  111
• 
  2007/12/23更新创意无限,简单实用(javascript log)

  标签：Web开发

  在javascript开发过程中，如果总是使用alert的方式调试程序，在某些简单的程序中是可行的.  但是在通常的项目很复杂，这种方式已经很难满足，企业级开发的需要。  比如ajax项目中，存在一个3000行左右JS文件，其中存在各种自定义的javascript对象。 开发的过程中，总是需要在js程序执行到某个关键点的时候，监视自定义对象的值或状态， 判断执行结果是否是预期的样子，如果您通过alert看到某些...[ 查看全文 ]

  韩欣怡77

  241
• 
  javascript jQuery插件练习

  标签：Web开发

  简化后的插件： SimplePlugin.htm： 代码如下: !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简化后的插件/title script type="text/ecmascript" src="../js/jquery-1.2.6.js"/script script type="text/ecmascript" src="../js/jquery.SimplePlugin.js"/scri...[ 查看全文 ]

  相由心生而已吗

  01
• 
  一个好汉N个帮 Illustrator实用插件

  标签：Illustrator

  Adobe的Illustrator虽然有很强的矢量创作能力，但也有一些不足，比如不支持多页特性、没有样式生成器和3D模压工具等。好在Illustrator也有一些很实用的插件，下面我们就来看看这几款顶级的Illustrator plug-ins吧！ HOT DOOR MULTIPAGE 借助Hot Door Multipage的强大功能，Illustrator可以转变成专业的DTP和排版软件。 有时往往是最简单的插件产品反而被证明是最好的软件包。Hot Door的矢量插...[ 查看全文 ]

  艺彩居墙绘

  151
• 
  10个超棒的jQuery/JavaScript表单插件推荐

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  本文将分享10个超酷的jQuery/JavaScript表单插件，帮助你有效的增强你的表单元素，相信这些插件可以让你的网站或者应用拥有更加友好的界面和用户体验。 1. Chosen 一个JavaScript插件，帮助你将比较宽的选择框变得更加友好，支持jQuery和Prototype。   2. Password Strength 帮助你校验你的密码强度，非常实用的密码强度验证插件。   3. Limit 一个jQuery插件，帮助你限...[ 查看全文 ]

  673978765扣扣

  11
• 
  一些实用的TAB效果

  标签：Web开发

  无标题文档 a, a:link{text-decoration: none; color:#000000; font-size:9pt;}a:visited{text-decoration: none; color:#000000;}a:hover{text-decoration: underline; color:red;} BODY, TD, Select{FONT-SIZE:9pt; FONT-FAMILY:"宋体";} #TabStrip {width:500px;background-color:#66CCFF;padding:10px;} #TabStrip #TabCard{width:90%;margin:0px;list-style-type: none;} #TabStrip #TabCard LI...[ 查看全文 ]

  史建平846

  11
• 
  一个非常实用的Javascript类库

  标签：Web开发

  一个Javascript 的类库，用于table内容排序。使用很方便，不用每次都去调用数据库了。 特别适合多表查询的排序。加上的style.display 切换，也可以实现分页。 效果演示 用法: 1.添加JS QUOTE: 以下是引用片段: 2.添加TABLE,注意的是:一定要有ID,class为"sortable" QUOTE: OK,可以了，简单的吧 如果觉得太单调，自己加点CSS吧，官方给出了改HEAD...[ 查看全文 ]

  菲baby杰

  11
• 
  1000个超实用的高品质jQuery插件分享

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  如果你是网页设计师，又要写点DIV+CSS+JS前端代码，可能会经常找一些插件来帮你实现自己写不出来或者复杂的JS特效，今天发现的这个jQuery插件网站「jQuery Cards」，有超过1000个可以免费使用的JS插件，不仅分类非常详细，而且数量超多，喜欢的朋友自己下载吧。 jQuery Cards jQuery Cards 上的分类非常详细，各种常用、不常用的插件都有，比如UI界面类、表单类插件、媒体类、网站菜单导航等，划分非常...[ 查看全文 ]

  噜麽猴酸仔

  3041
• 
  40个实用的Bootstrap的扩展和插件集合

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  Bootstrap的出现可以说让很多程序员相当的兴奋。在漫长的过去，我们看到过很多呆板的原型网页，简单甚至粗暴，毫无设计感和色彩感可言。那是一个个技术大牛们痛苦的拉出的界面。随着网页设计师的出现，慢慢的网站建设开始从单一的程序员一条龙服务开始转变为网页设计师和程序员来共同完成。但是对于很多喜欢自己捣鼓的程序员来说，如果有一条完整统一的样式可以调用，那是多么美好的一件事情。于是，伟大的Bo...[ 查看全文 ]

  郯城老先生

  41
• 
  轻易创建css导航工具:CSS Tab Designer2

  标签：Web开发

  你是否在为制作各种各样的css导航而苦恼？现在有一款软件可以解决你的苦恼！CSS Tab Designer 2软件提供了各种各样的css导航样式供你选择，在软件里面把你的栏目调整好后可以直接导出html文件，也可以在右边窗口里面切换到code模式查看代码！ 轻易创建css导航 应用CSS Tab Designer 2软件不需要什么专业知识就可以帮你轻而易举的实现css导航制作。 CSS Tab Designer2介绍 1、迅速的设计制作导航列...[ 查看全文 ]

  独孤灬求爱

  111
• 
  8个实用的页面布局和用户界面jQuery插件

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求。可能一些需求不能单独使用CSS就能实现的。于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现。其实如果你知道一些jQuery，你会发现这些jQuery非常的好用和灵活。在这篇文章中我们分享了一些优秀实用的jQuery插件。希望可以帮助你完成一些你一直想要的东西，也希望可以提高你进行中的项目。它涉及...[ 查看全文 ]

  向李小姐致敬OK

  61
• 
  三种简洁的Tab导航(网页选项卡)

  标签：Web开发

  在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。 第一种形式: 通过更换显示样式实现，这种很常见，就不多说了。 div id="tabs0" ul class="menu0" id="menu0"   li onclick="setTab(0,0)" class="hover"新闻/li   li onclick="...[ 查看全文 ]

  欢婶

  171
• 
  javascript实现的又一个不错的滑动导航效果

  标签：Web开发

  导航,鼠标放上去看看效果 ::你会做，我也要会:: on1 第一项 第二项 第三项 on 2 第一项 第二项 第三项 on 3 第一项 第二项 第三项               [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  才子才女才气

  161
• 
  jquery 简单图片导航插件jquery.imgNav.js

  标签：Web开发

  熟悉jquery的家伙大概花个5到10分钟就可以搞定了吧。由于这种导 航效果比较通用，LEVIN顺手写了个 jquery插件～ 如果你的网站也需要类似的效果，大可拿去直接用或者扩展下:) 如果你也想尝试将某些可重用功能封 装成jquery插件，别忘了看看一般的jquery插件开发过程，另外还有偶的一个jquery插件模板。 代码如下： ;(function($) { // Private functions. var p = {}; p.showC = function(opts) {...[ 查看全文 ]

  二叔1

  541
• 
  JavaScript实用技巧集锦(4)

  31.TEXTAREA自适应文字行数的多少 <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight" 32. 日期减去天数等于第二个日期 <script language=Javascript function cc(dd,dadd) { //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.ge...[ 查看全文 ]

  二叔1

  11
• 
  Tab Ctrl

  标签：编程语言 网络编程

  Tab属性页控件可以在一个窗口中添加不同的页面，然后在页选择发生改变时得到通知。MFC中使用CTabCtrl类来封装属性页控件的各种操作。通过调用 BOOL Create( DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID );创建一个窗口，dwStyle中可以使用以下一些属性页控件的专用风格： TCS_BUTTONS 使用按钮来表示页选择位置 TCS_MULTILINE 分行显示页选择位置 TCS_SINGLELINE 只使用一行...[ 查看全文 ]

  人为了活着还o6

  21
• 
  JavaScript实用技巧集锦(2)

  14. 光标是停在文本框文字的最后 <script language="javascript" function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart("character",e.value.length); r.collapse(true); r.select(); } </script <input type=text name=text1 value="123" onfocus="cc()" 15. 判断的来源 javascript: document.referrer 16. 最小化、最大化、关闭窗口 <object id=hh1 class...[ 查看全文 ]

  天下烟商

  11
• 
  JavaScript实用技巧集锦(1)

  1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)<tdno 2.<body onselectstart="return false" 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5.<link rel="Shortcut Icon" href="...[ 查看全文 ]

  miaomulubei

  71
• 
  JavaScript实用技巧集锦(3)

  21.让弹出窗口总是在最上面: <body onblur="this.focus();" 22.不要滚动条? 让竖条没有: <body style="overflow:scroll;overflow-y:hidden" 让横条没有: <body style="overflow:scroll;overflow-x:hidden" 两个都去掉？更简单了 <body scroll="no" 23.怎样去掉图片链接点击后，图片周围的虚线？ <a href="#" onFocus="th...[ 查看全文 ]

  超级猫腻

  51