为了复习巩固jQuery的插件开发、HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发、使用的过程,以备日后使用。 一、插件效果 tab选项卡插件常用的功能均已实现,包括:动态添加选项卡、关闭选项卡、选中指定选项卡、判断选项卡是否选中、判断选项卡是否存在 ...
在网站开发中经常会用到选项卡功能,为了节省一下写代码时间,封装了一下tab插件,方便调用。 来看一下效果: tab tab tab tabs panel tabs panel tabs panel tab tab tab tabs panel tabs panel tabs panel MyUI tabs 创建选项卡组件 使用方法: html结构 js调用 相关参数说明: 初始化参数 参数 默认值 ...
2015-05-05 17:35 2 2101 推荐指数:
为了复习巩固jQuery的插件开发、HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发、使用的过程,以备日后使用。 一、插件效果 tab选项卡插件常用的功能均已实现,包括:动态添加选项卡、关闭选项卡、选中指定选项卡、判断选项卡是否选中、判断选项卡是否存在 ...
效果图: 默认选中 科技 当鼠 ...
效果图如下 代码如下 ...
js代码 页面效果: ...
本选项卡基于prototype.js 参数说明: tab_id: 选项卡ID tab_cont_id: 选项内容ID 可选参数: defaultTab: 默认选择的选项卡序号 selectCss: 选中时的样式名称 mouseEvent: 选中选项卡的鼠标方法 ...
效果图: ...
在前一篇“使用jQuery开发tab选项卡插件”的基础上添加了tab标签右键关闭菜单功能,菜单主要包括:关闭当前标签、关闭左侧标签、关闭右侧标签、关闭其他、关闭全部。 一、插件效果 二、实现思路 为window对象添加右键菜单事件监听: 当事件源对象为tab标签时 ...
html: css: js: mark:了解eq(),index(),siblings()函数 ...