手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Jquery实现的tab效果可以指定默认显示第几页
Jquery实现的tab效果可以指定默认显示第几页
摘要:可以在代码里面指定默认显示第几页复制代码代码如下:OneTwoThreejquery实现简单的Tab切换菜单jquery焦点图slidesh...

可以在代码里面指定默认显示第几页

1

复制代码 代码如下:

<div id="container">

<ul>

<li><a href="#fragment-1"><span>One</span></a></li>

<li><a href="#fragment-2"><span>Two</span></a></li>

<li><a href="#fragment-3"><span>Three</span></a></li>

</ul>

<div id="fragment-1"><a href="http://www.freejs.net/article_tabbiaoqian_29.html">jquery实现简单的Tab切换菜单</a></div>

<div id="fragment-2"><a href="http://www.freejs.net/article_jiaodiantu_56.html">jquery焦点图 slideshow</a></div>

<div id="fragment-3"> js等各种代码</div>

</div>

复制代码 代码如下:

<script language="javascript">

$(function(){

//直接制作Tab菜单,默认选择为第二项,且切换的时候fade动画

$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});

});

</script>

注意上面的selected:1为控制默认显示第二页

【Jquery实现的tab效果可以指定默认显示第几页】相关文章:

JS实现模拟风力的雪花飘落效果

javascript实现点击后变换按钮显示文字的方法

jQuery实现不断闪烁文字的方法

JavaScript实现简单的数字倒计时

javascript实现炫酷的拖动分页

JavaScript实现鼠标拖动效果的方法

jQuery实现页面内锚点平滑跳转特效的方法总结

jQuery的基本概念与高级编程

javascript实现table选中的行以指定颜色高亮显示

JavaScript实现广告的关闭与显示效果实例

精品推荐
分类导航