163的tabs很简单,但是参数多,这里用jquery不用参数即可tabs,也很简单。
话说最近在用index()实现tabs,代码也不多:
$(function(){
var $title = $("h3 a");
var $content = $("div");
$title.mousemove(function(){
var index = $title.index($(this));
$content.hide();
$($content.get(index)).show();
return false;
});
});
/* 这是js写法,下面给你相应的html结构,当然css要定义div第一个显示,其他隐藏才行 */
<h3>
<a href="#">选择1</a>
<a href="#" >选择2</a>
<a href="#">选择3</a>
<a href="#" >选择4</a>
</h3>
<div>选择1的内容</div>
<div>选择2的内容</div>
<div>选择3的内容</div>
<div>选择4的内容</div>
分享到:
- 2009-07-01 11:08
- 浏览 4550
- 评论(1)
- 论坛回复 / 浏览 (0 / 4678)
- 查看更多
相关推荐
基于jquery tabs切换源码,demo实现了不同的切换方式,代码精简值得参考
jquerytabs jquery选项卡 jquery tabs
使用TabLayout和ViewPager实现Tabs切换使用起来很方便。
jQuery代码只有几行,非常易懂,效果很好。
插件描述:jquery 幻灯片以及tabs切换插件. 参考示例:http://www.jq22.com/jquery-info5338
不满意原来Jquery实现的tabs效果,使用Jquery-tabs实现的tabs。
JavaScript自定义插件实现tabs... 本文实例为大家分享了JavaScript实现tabs切换功能的具体代码,供大家参考,具体内容如下 自定义插件实现tabs切换功能 这是HTML代码: <script src="jquery-3.1.0.js"></script> ...
jQuery结合CSS实现简单Tabs选项卡效果
jQuery css3彩色动画Tabs选项卡切换特效
Jquery的tabs使用方法。有样式。自己可以随便调整。静态的。
import 'vant/lib/index.css'; Vue.use(Vant); 3.在页面中使用 官方写的比我写的好多了,大家可以借鉴,看源代码可能比官方给的文档更直观 官方文档 我在文件中的使用,没有使用下拉刷新的功能,大家可以直接看官网...
jquery ui tabs 切换功能实现,jquery一个好用的例子
jQuery tabs 纵向显示,jQuery tabs vertical,jQuery tabs
vue页面tab切换,替换原来的iframe实现,利用vue的router-view和keep-alive实现
jQuery响应快速易于使用的Tabs选项卡特效源码是一款响应快速且易于使用的jQuery Tabs选项卡插件pignose.tab.js的代码。该选项卡插件支持多种样式的选项卡:普通选项卡,带子选项的选项卡,扁平风格的选项卡,响应式...
Jquery改装的tabs页面,鼠标移动上去切换,可以点击链接和jquery的UI是不同的
兼容ie6、ie7、ie8、ie9、Chrome、Firefox等主流浏览器,轻量简洁容易上手使用,是web开发、学习的必备之选。
可动态添加tabs可实现jquery换肤
ajax无刷新内容tabs标签切换代码范例
jquery的UI的选项卡tabs插件jquery.ui.tabs.js