左右箭头滑动列表

//slideshow 左右箭头滑动一组li焦点图
	autoSlide();
	function autoSlide(){
		clearAutoS=setInterval(autoFunS,5000);
	}
	function autoFunS(){
		var loc=$(".slideshow-box ul").css("left");
		if(loc=="-2370px"){
			loc="1185";
		}
		var newloc=parseInt(loc)-1185;
		newloc=newloc.toString()+"px";
		$(".slideshow-box ul").animate({
		left:newloc},300);
	}
	$(".slideshow-box").hover(function(){
		clearInterval(clearAutoS);
	},function(){
		autoSlide();
	});
	$(".arrow-left").click(function(){
		var loc=$(".slideshow-box ul").css("left");
		//console.log(loc);
		if(loc=="0px"){
			return false;
		}else{
			var newloc=parseInt(loc)+1185;
			newloc=newloc.toString()+"px";
			$(".slideshow-box ul").animate({
			left:newloc},300);
		}
	});
	$(".arrow-right").click(function(){
		var loc=$(".slideshow-box ul").css("left");
		if(loc=="-2370px"){
			return false;
		}else{
			var newloc=parseInt(loc)-1185;
			newloc=newloc.toString()+"px";
			$(".slideshow-box ul").animate({
			left:newloc},300);
		}
	});

  

时间: 2024-07-31 16:00:45

左右箭头滑动列表的相关文章

视频在滑动列表中的异步缓存和播放

视频在滑动列表中的异步缓存和播放,转自大量高质量游戏应用源码的众筹论坛 http://www.zccode.com/forum.php?mod=viewthread&tid=679&extra= 最近在Github上看到VideoPlayerManager这么一个项目,目的在是ListView和RecyclerView中播放小视频,模仿了Instagram中滑动到可见视频项时开始播放该视频,滑动至不可见时停止视频播放的功能 但是该项目存在几个问题: 快速上下滑动列表后,无法再播放视频,有时

实现移动端touch事件的横向滑动列表效果

要实现手机端横向滑动效果并不难,了解实现的原理及业务逻辑就很容易实现.原理:touchstart(手指按下瞬间获取相对于页面的位置)-->touchmove(手指移动多少,元素相应移动多少). 接下来讲讲实现逻辑: 其实就是手指拖动列表向哪个方向移动多少像素,并设置左右拖动的边界值. 附上代码及注释: <div id="common_wrap" class="common-wrap"> <h4 class="common-kit__

[UnityUI]动态滑动列表

UI布局是这样滴: 具体的关于滑动列表的设置可以参考这里,其中Image的Scroll Rect组件的Content赋值为Content,在这里,我们的Content是一个空物体,它的大小就是上图那个方框的大小.这里有两点很重要: 1.Content的Pivot的Y必须设置为Y的最大值,就像这样: 这是为什么呢?其实动态滑动列表的原理主要就是动态改变Content的Height,当中心点处于最顶的位置时,就能保证顶部位置不变,只有下部的位置在变化.假如中心点处于中间位置,那么改变Height,两

在可滑动列表(ListView &amp; RecyclerView)中实现视频播放

Facebook: Instagram: Magisto 这篇文章里的技术是基于VideoPlayerManager这个开源类库的. 类库包含所有的代码以及一个示例.我在这篇文章里会跳过一些东西,所以如果要搞清楚某个细节,那最好还是把源码导入IDE然后再看这篇文章吧.就算你不看源码,这篇文章还是可以让你理解我以何种方式解决了什么问题. 两个问题 要实现目标我们要解决两个问题: 我们要控制视频播放.在Android系统中我们可以使用MediaPlayer.class操作SurfaceView而且播

DevExpress Carousel 设置水平滑动列表

DevExpress中Carousel控件的应用 Carousel,直译为旋转木马,即旋转视图,可以做为数据的展示或者菜单项. 要实现触摸左右滑动的效果,其实是比较容易的,直接在CarouselPanel上实现MouseDown/MouseUp事件,在后台添加逻辑,判断是否产生了位置移动,从而控制面板向左或者向右移动子项. 下面介绍一下,Carousel具体使用方法: 1.添加一个CarouselItemsControl 2.设置CarouselItemsControl的ItemContaine

Android仿qq下拉刷新及向左滑动列表----PullToRefresh, SwipeMenuListView开源项目整合

Github链接:https://github.com/licaomeng/Android-PullToRefresh-SwipeMenuListView-Sample PullToRefresh是一个非常完美的下拉刷新的开源项目,SwipeMenuListView是一个向左滑动ListView中item实现可以删除功能的开源项目.笔者在此将两套开源项目整合形成一套,类似于手机qq那样同时支持下拉刷新和向左滑动的列表.效果如下: 版权声明:本文为博主原创文章,未经博主允许不得转载.

unity UGUI动态滑动列表

步骤: 1.在SceneMail创建一个Panel 改名为ScrollRect,ScrollRect添加Mask和Scroll Rect组件,Scroll Rect组件勾选Vertical 只需要垂直滚动 2.在SceneMail创建一个Scrollbar控件 3.ScrollRect上添加子控件Panel 改名为ScorllView,ScorllView大小覆盖ScrollRect 4.ScorllView添加子控件Panel 改名为Content,Content大小覆盖ScorllView

AndroidのListView之滑动列表项(点击事件和滑动事件共存) - bvin

返回脚本百事通 这里正好在项目有这么一个bt的需求,如下图ListView的item可以响应点击事件也可以响应item的左右滑动事件,两个事件可以相互独立互不影响. 听说iphone的list选项就有这样bt的功能,安卓版的手机QQ和微信和QQ通讯录也有类似的效果,在网上各种寻早方案都试过,要不只能滑动不能点击要么就只能点击不能滑动,而且操作很不灵敏,网上的代码都是在itemView的onTouch方法里处理,判断down和up的像素差.其实这样操作相当不便,down-up这样的其实只能算拖动事

[UnityUI]循环滑动列表

效果图: 使用的是UGUI和DOTween 其中比较关键的是循环滑动和层次排序: 1.循环滑动:这里先假设显示五张图片,分别标记为0,1,2,3,4,那么当向左滑动时,序列就变为1,2,3,4,0,这里先保存4的位置,然后从4开始,4的位置和大小向3渐变,3的位置和大小向2渐变,2的位置和大小向1渐变,1的位置和大小向0渐变,0的位置直接变为原来保存的4的位置.也就是说,当向左滑动时,最左端的那张图片特殊处理,其余的向左推进:当向右滑动时,最右端的那张图片特殊处理,其余的向右推进. 2.层次排序