juqery easyui想用一个代码控制所有的选项卡，现在样式切换没问题了，但是获取不到index的索引值，总是-1。

来源：蜘蛛抓取(WebSpider) 时间：2012-11-29 01:04 标签： juqery easyui
jQuery里面的slideDown，以向下滑动的方式来显示隐藏的元素标签。我现在想要做一个向左滑动的方式_百度知道
jQuery里面的slideDown，以向下滑动的方式来显示隐藏的元素标签。我现在想要做一个向左滑动的方式
和slideDown类似。只不过一个是向下（slideDown）一个是向左
向左可不是一个slideDown这种事件就可以搞定的~你需要自己写一个animate动画来实现~
具体点，或者有什么思路，有代码最好
会用JQ的animate吗？你可以设置变化DIV层的宽度，这样就可以实现左右的滑动了~
你那个我懂，我想做的是，我有一张图片是隐藏的在某个固定的位置。或者这样说，我的一张图片在浏览器的左上方是隐藏的（display:none），宽度是200一般你设置show他就直接出来了。我想让它从左往右出现，有个过度效果，先是左边出来50px那一部分，而剩余的那150px那部分吗还在隐藏当中。这种效果的和那个sldeDown这种差不过的
那也一样啊~也是用animate~除了display:none难道就不会别的了？比如让层的宽度为0PX，然后逐渐变为50px，如果你是图片，怕图片走形或者别的那就用overflow:hidden或者直接把图片设置成成的背景~这样只要控制层的宽度就可以了~
其他类似问题
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁简单的jQuery选项卡切换特效 - 前端大哥 - 博客园
今天就基于易学易用的jQuery来做一个选项卡切换效果，很简单哦。选项卡切换是在网页制作中经常会使用到的一个效果。
css：为html元素设置不同的类，利用display属性控制元素是否显示。
html：选项卡和内容数量相等且一一对应。
jquery：根据鼠标动作获取到被选中的选项卡；改变当前选项卡的类，使其显示；改变其它选项卡的类，使其显示未选中；获取当前选项卡在父元素中的顺序并找到对应的内容容器；改变此对应内容容器的类，使其显示；改变其它内容容器的类，使其隐藏。
效果图（）
&div class="title_box clearfix"& //水平方向的两个选项卡
&h3 class="now_focus"&第一个选项卡，默认选中&/h3&
&h3&第二个选项卡，默认不选中&/h3&
&div class="con_box"& //两个内容容器
&div class="now_focus clearfix"&第一个容器，默认显示&/div&
&div&第二个容器，默认不显示&/div&
&style type="text/css"&
.title_box {}
.title_box h3 {float: width:100 height:30 line-height:30 text-align: margin-right:5 background:#000; color:# cursor: font-weight:}
.title_box h3.now_focus {background:# color:#000; font-weight:}
.con_box {}
.con_box div {display: padding:30 background:#} //默认不显示
.con_box div.now_focus {display:} //使用display属性，父元素的高度将受当前显示元素高度的影响
jQuery代码
&script type="text/javascript"&
$(document).ready(function() {
$(".title_box h3").click(function() {
$(this).addClass("now_focus"); //为被点击的选项卡添加&now_focus&类
$(this).siblings().removeClass("now_focus"); //去掉其它选项卡的&now_focus&类
var $dangqian = $(".con_box & div").eq($(".title_box h3").index(this)); //获取到和被点击选项卡顺序相同的内容容器
$dangqian.addClass("now_focus"); //为这个内容容器添加&now_focus&类
$dangqian.siblings().removeClass("now_focus"); //去掉其它内容容器的&now_focus&类
本着简单、易懂的原则，本例只实现了最基础的效果，利用css可以做出更加漂亮的选项卡切换。在演示页面中提供了一个垂直方向的选项卡切换实例以便参考，方法和本例一样，只是css样式不同而已。本例使用的是jquery 1.6.0。
以上内容根据个人经验总结，如有错误还请多多指正。欢迎一起交流、学习网页制作相关知识。
54173BLOG原创内容，本文链接：，转载请务必保留。
juqery选项卡效果、选项卡切换实例> 利用jQuery UI的对话框一个全功能模态窗口MultiDialog
利用jQuery UI的对话框一个全功能模态窗口MultiDialog，使用jQuery选择器或一个功能强大的API功能丰富，非常灵活，易于扩展，兼容性FF, IE7+, Chrome & Safari。
$(function() {
$( &a.group& ).MultiDialog({
gallery: {
enabled: true,
loop: true
文章作者：本文地址：版权所有 & 转载时必须以链接形式注明作者和原始出处！
后才能发布评论.
HTML580社区
12345678910更新时间： 10:24
脚本简介jQuery Tab选项卡切换代码是一款简单的jquery tab选项卡切换代码样式，可以修改tab选项卡相关样式。
特别说明：
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
极速下载支持各类多线程下载工具(迅雷)、浏览器(360浏览器)等，适合较大的文件下载！
其他普通下载点限制多线程，仅允许直接点击或另存为下载等单线程下载的软件，较适合小的文件下载！
如有侵犯您的版权，请及时联系(#换@)，我们将尽快处理。
可能感兴趣
& CopyRight , , Inc.All Rights Reserved.jquery弹出框，上一个窗口关闭下一个弹出 用jquery应该怎么写？_百度知道
jquery弹出框，上一个窗口关闭下一个弹出 用jquery应该怎么写？
提问者采纳
#nextDialog&
}})其实这个东西平时自己多查查jquery的一些文档.show().dialog({&#47。你这个就是当上一个窗口关闭以后就打开下一个窗口;#prevDialog&quot，那么只要在这上一个窗口关闭事件里添加一个打开下一个窗体的代码就好了$( &); );给这个上一个窗口设置一个close事件处理代码
$(&quot: function() {
&#47。下面来说说你的问题，jquery UI 也是有文档的
提问者评价
其他类似问题
jquery的相关知识
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 juqery easyui 的文章

 

随机推荐