jquery怎么实现左右滑动的问题
 var len = $("#b span").length,
  	curindex = 0;
$("#leftRun").click(function(){
	if(curindex) {
		curindex--;
	}else{
		return;
	}
	$("#b").animate({
    	left: "-" + curindex * 105
	}, 300);
	$(".ser_nav>span").eq(curindex).mouseover();
});
$("#rightRun").click(function(){
		if(curindex == len - 5) {
			return;
		}else{
			curindex++;
		}
		$("#b").animate({
	    	left: "-" + curindex * 105
		},300);
		$(".ser_nav>span").eq(curindex).mouseover();
});
<script>
		function clicktabs(tit_id,box_id,cur){
			var g_tags=$(tit_id),
				g_conts=$(box_id),
				g_current=cur;
			g_tags.live('mouseover',function(){
				var g_index=g_tags.index(this);
				$(this).addClass(g_current).siblings().removeClass(g_current);
				g_conts.eq(g_index).show().siblings().hide();
			})
		}
		clicktabs(".ser_nav>span",".ser_all>ul","cur");
	</script>
jquery怎么实现左右滑动的问题的更多相关文章
- jquery 连写注释;siblings() 方法;jQuery 的3种滑动方法;slideUp()向上滑动;slideDown()向下滑动;slideToggle()来回滑动
		
首先我们看两个连写注释 第一个: /* 点击头像,显示基本资料 */ $(".f-chatTit a.avatar").click(function(){ $(this).hi ...
 - 基于jQuery鼠标悬停上下滑动导航条
		
基于jQuery鼠标悬停上下滑动导航条.这是一款蓝色好看的鼠标响应式网站导航菜单特效.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div id="menu2& ...
 - 第二百二十节,jQuery EasyUI,Slider(滑动条)组件
		
jQuery EasyUI,Slider(滑动条)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个 ...
 - 使用 jQuery 和 CSS3 制作滑动导航菜单
		
这个下拉菜单可以让你的网站非常优雅,滑动框导航效果令人印象深刻.此外,子菜单框也可以与此集成起来以使其更具吸引力.导航是网站成功的关键之一,有吸引力的导航能够引导用户浏览网站中的更多内容. 效果演示 ...
 - jquery和css3实现滑动导航菜单
		
效果预览:http://keleyi.com/keleyi/phtml/html5/15/ 有都中颜色可供选择,请使用支持HTML5/CSS3的浏览器访问. HTML源代码: <!DOCTYPE ...
 - jquery 实现导航栏滑动效果
		
精简的代码实现导航栏滑动效果,实现详解: 1.滑块位置:通过父节点position=fixed,子节点position=absolute方式,实现子节点浮动: 2.导航栏居中:通过left=0px,r ...
 - 一款基于jQuery的图片左右滑动焦点图
		
今天给大家分享一款基于jQuery的焦点图插件,这款jQuery焦点图插件的特点是可以多张图片左右滑动切换,可以点击切换按钮进行图片滑动,同时也支持图片自动切换.另外,这款jQuery焦点图是宽屏的, ...
 - jquery手机触屏滑动拼音字母城市选择器代码
		
今天用到城市选择,直接用拼音滑动方式来选择,用的时候引入jquery(个别样式需要自己修改) <div class="yp_indz"><img src=&quo ...
 - 【笔记】jquery js获取浏览器滑动条距离顶部距离的写法
		
jq写法 $(window).scroll(function(){ var $top = $(document).scrollTop(); }); /*注:$(window).scroll(funct ...
 - jquery插件实现上下滑动翻页效果
		
<!DOCTYPE > <meta charset="utf-8" /> <head> <title>测试jquery</ti ...
 
随机推荐
- -bash: lampp: command not found解决方案
			
在/opt目录下安装完lampp后,需要到/opt/lampp/下执行lampp启动或者停止服务,如果在其余目录下执行lampp,会提示:-bash: lampp: command not found ...
 - GitHub这么火,程序员你不学学吗? 超简单入门教程 干货
			
本GitHub教程旨在能够帮助大家快速入门学习使用GitHub. 本文章由做全栈攻城狮-写代码也要读书,爱全栈,更爱生活.原创.如有转载,请注明出处. GitHub是什么? GitHub首先是个分布式 ...
 - 通过SPList Definition自定义ListItem打开编辑详细页面
			
在SharePoint中对列表SPList的操作里,常常希望当增加一个条目后还希望关联做一些其它的操作 而SharePoint自身提供的Item操作页面却没有那么灵活:所以通常情况下,我们专门为其提供 ...
 - css3渐变、背景、倒影、变形
			
一.背景切割background-clip 语法:background-clip:border-box | padding-box | content-box: border-box 超出b ...
 - c# 远程监控(3) RTP协议 RTP.NET.DLL
			
我们在上一期已经可以获取视频或者摄像头数据,并可以获取帧数据,那么我们这一期就研究下RTP,并发送数据到目标服务器. RTP协议简介 这位朋友讲的很好:http://blog.csdn.net/bri ...
 - scala学习笔记:集合
			
scala> 1 to 10 res9: scala.collection.immutable.Range.Inclusive = Range(1, 2, 3, 4, 5, 6, 7, 8, 9 ...
 - ASP清除字串中的重复字符
			
<% Function Test(str) dim intLen,i,strTemp,aryTest intLen = Len(str) strTemp = "" aryTe ...
 - 安装kali之后
			
更新源(以下设置均基于这些源) #vi /etc/apt/sources.list 把这些源加进去 ############################ debian wheezy ####### ...
 - OpenJudge/Poj 1658 Eva's Problem
			
1.链接地址: http://bailian.openjudge.cn/practice/1658 http://poj.org/problem?id=1658 2.题目: 总时间限制: 1000ms ...
 - 工厂方法(Factory Pattern)
			
工厂方法模式定义:定义了一个创建对象的接口,但由子类决定要实例化的类是哪一个.工厂方法让类把实例化推迟到子类.(注:“决定”不是指模式允许子类本身在运行时做决定,而是指在编写创建者类时,不需要知道实际 ...