网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
jquery
> >
[经典手机]经典的jquery Tab 选项卡通用效果代码
[经典手机]经典的jquery Tab 选项卡通用效果代码
发布时间:2018-07-27
【www.gdgbn.com--jquery】
提示:您可以先修改部分代码再运行
经典的
jquery
Tab 选项卡通用效果代码
jquery
Tab 选项卡通用函数
<script type="text/javascript" src="http://g.111cn.net/javascript/js/111cn.net.js"></script> <script type="text/javascript"> //tab("#tri","li","#game_con","div","click"); //tab(".tab_con","li",".tab_con","table"); //用类作为选择符虽然效率低点但是 可以多次重用 这个性质不错 //tab("#tzxu","li","#tzxn","div"); //不过最好还是用ID来做选择符 那效率高点 //tab("#vtag","li","#vtagn","ul"); function cur(ele){ $(ele).addClass("cur").sib
ling
s().removeClass("cur"); } function tab(id_tab,tag_tab,id_con,tag_con,act){ $(id_tab).find(tag_tab).eq(0).addClass("cur"); $(id_con).find(tag_con).eq(0).show().sib
ling
s(tag_con).hide(); if(!act){ act="click"}; if(act=="click"){ $(id_tab).find(tag_tab).each(function(i){ $(id_tab).find(tag_tab).eq(i).click(function(){ cur(this); $(id_con).find(tag_con).eq(i).show().siblings(tag_con).hide(); }) }) } if(act=="mouseover"){ $(id_tab).find(tag_tab).each(function(i){ $(id_tab).find(tag_tab).eq(i).mouseover(function(){ cur(this); $(id_con).find(tag_con).eq(i).show().siblings(tag_con).hide(); }) }) } } $(document).ready(function(){ tab("#tri","li","#game_con","div","click"); }); </script>
百度 111cn.net 服务器软件 ・内容baidu.com 内容111cn.net 内容down.111cn.net
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/24196/
上一篇:
【jquery获取input表单值的代码】jquery获取input表单值的代码
下一篇:
【jquery json字符串转换json对象】jquery+json 通用三级联动下拉列表效果代码
相关推荐
【jquery获取input表单值的代码】jquery获取input表单值的代码
asp access数据库_asp+access sql insert into select表复制
[javascript学习指南]javascript中的变量是传值还是传址
asp.net_asp 文件自动复制 文件移动 安装程序
js获取当前select的值_js获取当前select 元素值的代码
asp.net|asp 删除指定记录程序代码
五一节前安全教育内容|五一节前促销战打响 短信营销高效战略出击
google 地图_google地图 标记地图代码
phpstudy_php 生成符合google 地图标准xml类sitemap代码
asp连接数据库_精简asp数据库连接程序
网友关注
js禁止右键_js禁止右击,全选,复制 代码
【settimeout和setinterval区别】setTimeout与setInterval在不同浏览器下的差异
php最简单实例|php最简单的生成xml文档实例教程
【免费的】免费1g/全能/ftp/可绑米空间
【php入门教程】php入门教程简单php用户登陆完整教程
asp.net|asp 验证使用方法与验证码程序
[全能毒妃免费]免费美国全能10G空间支持ASP、PHP程序以及ACCESS、MYSQL数据库
phpstudy_php 根据url传来参数查询数据库指定记录
简单的字|简单asp+mssql server 留言板系统
网站你懂 百度_网站被百度k站后从头再来
热门标签
经典广告
经典书推荐
最新jquery
jquery
【jquery ajax】jQuery validate 表单验证使用方法
jquery
jquery ajax|jQuery LigerUI 插件 ligerTree 使用与简介
jquery
[jquery ajax]jquery 返回顶部、图片比例缩小、验证元素是否存在
jquery
[jquery ajax]jquery ui插件实现漂亮弹出对话框方法
jquery
jquery ajax_jquery inArray()函数详解
jquery
jquery ajax_jquery eq 与 get使用方法
jquery
[jquery ajax]jquery 弹表单提示效果代码
jquery
jquery ajax_jquery 动态演示各种排序实例代码
jquery
jquery ajax|jquery load 中文乱码解决方法
jquery
jquery ajax|jquery 仿淘宝商城左侧导航效果代码
jquery热门文章
jque
【jquery json字符串转换json对象】jquery+json 通用三级联动下拉列表效果代码
jque
【jquery ajax】jquery 图片 上一张 下一张 链接效果
jque
jquery1.9.1_jquery1.4.2的仿flash超炫焦点图播放效果
jque
[jquery选择器]基于jquery的超简单上下翻
jque
[jquery ajax]jquery 常用使用方法
jque
如何在新窗口打开链接|在新窗口打开链接的jquery代码
jque
javascript学习指南_JavaScript 对象链式操作测试代码
jque
jquery ajax_jquery 自定义插件实例
jque
【jquery动态添加删除div内容】jquery动态添加删除div
jque
jquery ajax|jQuery 锚点跳转滚动条平滑滚动
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有