tab.zip

  • PUDN用户
    了解作者
  • JavaScript
    开发工具
  • 47KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 3
    下载次数
  • 2015-06-16 09:21
    上传日期
javascript仿浏览器页面标签切换的TAB选项卡代码
tab.zip
  • 仿浏览器页面标签切换的TAB选项卡代码
  • js
  • tab-control.min.js
    4.4KB
  • jquery-1.8.3.min.js
    91.4KB
  • css
  • tab-control.min.css
    4.1KB
  • img
  • tab-control_tab_input.png
    1.6KB
  • tab-control_tab-find_form.png
    3KB
  • menu_background.png
    196B
  • tab-control_tab-find_li.png
    883B
  • tab-control_tab_li.png
    2.3KB
  • background.png
    1.1KB
  • welcome_background.png
    124B
  • 访问素材家园.url
    129B
  • index.html
    1.7KB
内容介绍
<!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>仿浏览器页面标签切换的TAB选项卡代码 - 素材家园</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="css/tab-control.min.css" /> </head> <body> <!-- 选项卡 --> <div class="tab-control"> <!-- 标签 --> <div class="tab simple"> <form> <input class="prev" type="button" /> <input class="next" type="button" /> <input class="find" type="button" /> </form> <ul> <!-- <li>标签<a href="javascript:;" rel='nofollow' onclick='return false;'>关闭</a></li> --> </ul> </div> <!-- 标签查找 --> <div class="tab-find hidden"> <form> <input class="text" type="text" /> </form> <ul> <!-- <li>标签<a href="javascript:;" rel='nofollow' onclick='return false;'>关闭</a></li> --> </ul> </div> <!-- 主体 --> <div class="main"> <!-- <iframe scrolling="auto" frameborder="0"></iframe> --> </div> </div> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/tab-control.min.js"></script> <script type="text/javascript"> //<![CDATA[ TabControlAppend('1', '素材家园主站', 'http://www.sucaijiayuan.com'); TabControlAppend('2', 'JS代码频道', 'http://www.sucaijiayuan.com/js'); TabControlAppend('3', 'PSD素材频道', 'http://www.sucaijiayuan.com/psd'); TabControlAppend('4', '矢量素材频道', 'http://www.sucaijiayuan.com/vector'); TabControlAppend('5', '在线音乐频道', 'http://music.zhaolezi.net'); TabControlAppend('6', '找乐子', 'http://www.zhaolezi.net'); //]]> </script> </body> </html>
评论
    相关推荐
    • tab.rar
      基于CSS3+JQuery制作实现的一款简单的Tab选项卡,采用圆滑边角的风格设计,既简洁又漂亮,且兼容IE8及以上浏览器,有需要网页选项卡的朋友不妨下载本源码。
    • Tab.zip
      Tab 标签切换,可左右滑动切换视图。简单的方法实现的Tab配合ViewPager滑动。
    • TAB.rar
      CXTabCtrl an easier tab control for dialogs and forms
    • Tab.zip
      简单使用VC中的Tab控件,简单大方,思路清晰,看过之后,很快就会使用
    • tab.zip
      点击 TabBar 上的“更多”按钮时,会出现另外一条TabBar,显示更多隐藏的按钮。可用于TabBar上按钮过多的情况。
    • tab切换效果.rar
      android 页面切换例子(tab切换效果)
    • tab.rar
      tab栏切换效果,基于bootstrap,jq
    • TAB.rar
      在同一个页面应用多种TAB的综合实例,可在一个页面中同时布局选项卡,也布局滑动门,或者是二者兼顾。这个问题以前用户就提到过,不知如何在同一页面布置多个选项卡,你可以参考一下这个。  1、支持一个页面多次...
    • TAB.rar
      完成不同功能的网页Tab,滑动门和选项卡,选项卡功能和使用说明:  1、支持一个页面多次引用;  2、一次引用实现多次切换;  3、点击/滑过等切换方式自定义;  4、自动播放+鼠标动作切换;  5、自动...
    • BBS_system_on_java.rar
      BBS论坛系统由JAVA和JSP实现,开发中涉及JavaBean,JSP和服务器Tomcat5.0.7的设置,数据库用SQL2000。有注册登陆,浏览,发帖 回帖,帖子管理,论坛设置,管理版块,用户管理等模块。