`
Franciswmf
  • 浏览: 797206 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

islider滑动控件

 
阅读更多
1、参考在线资料:
引用
https://github.com/BE-FE/iSlider/blob/master/README_Chinese.md

2、demo实例:
var platform = window.Android || window;
function showFun(str1,str2,hData){
var sData = [
	   {
		'content' : str1
	   },
	   {
		'content' : str2
	   }
     ];
var islider1 = new iSlider({
	data: sData,
	type:'dom',
	dom: document.getElementById("animationId"),
	duration: 2000,
	animateType: 'depth',
	isAutoplay: false,
	isLooping: false,
	plugins: ['dot'],
	onSlideChanged:function(number){
		//卡片切换
	},
	onRenderComplete:function(number){
		closeLoadingEffectFunction();
		/*避免点击一次,触发2次调用情况*/
		if(0==number){
		    /*0:第一张卡片*/
		    if(1==$("#aId").length){
				document.querySelector("#hrefId").addEventListener("touchstart",function(){
					platform.supplementInfo();
				},false);
		    }
		    if(1==$("#bId").length){
				document.querySelector("#hrefId3").addEventListener("touchstart",function(){
					 if(true){
						doJumpFun();
					 }else{
						platform.initOverdueDetail();
					 }
				},false);
		     }
		}else if(1==number){
			//1:第二张卡片
			
		}
	}
});
}

<script src="./invlkejs/zepto.min.js"></script>
<script src="./invlkejs/iSlider.js"></script>
<script src="./invlkejs/dot.js"></script>
<script src="./invlkejs/iSlider.animate.js" ></script>
分享到:
评论

相关推荐

    ListView滑动控件(一)(修正版)

    本教程将深入探讨“滑动控件”——ListView的扩展,特别是在修正版中的改进。滑动控件为用户提供了更丰富的交互方式,例如侧滑删除、上滑加载更多等。在“ListView滑动控件(一)(修正版)”中,我们将重点关注如何...

    CmySliderControl透明滑动控件VC++

    CmySliderControl透明滑动控件VC++ 派生自CSliderControl能够使滑动控件透明,效果可以在http://blog.csdn.net/akof1314/archive/2009/11/27/4888514.aspx观看

    android左右滑动的选择控件

    在Android开发中,创建一个可左右滑动的选择控件是一个常见的需求,这通常涉及到自定义View或者使用现有的库来实现。这种控件可以用于展示多个选项,用户通过左右滑动来浏览和选择。下面我们将详细探讨如何实现这样...

    史上最全最好用的滑动控件

    滑动控件在移动应用开发中占据着举足轻重的地位,特别是在iOS平台上,它们为用户提供了一种流畅、直观的交互方式。标题“史上最全最好用的滑动控件”暗示我们将探讨一系列全面且高效的滑动控件解决方案,而描述中的...

    仿ios滑动控件

    在Android应用开发中,"仿ios滑动控件"是一个常见的需求,主要是为了提供与iOS设备上相似的用户体验。这个控件通常指的是实现类似于iOS中PickerView或SegmentedControl的功能,它允许用户通过滑动来选择不同的选项。...

    jquery移动端滑动控件

    jquery移动端滑动控件

    水平滑动控件

    在Android开发中,水平滑动控件是一种常见的交互元素,尤其在展示一系列可滑动选项时,例如在轮播图、导航菜单或者选择器中。标题提到的“水平滑动控件”通常指的是一个可以左右滑动以显示不同内容的组件。在Android...

    c# 自定义 全方位 滑动 控件

    在C#编程环境中,开发自定义的滑动控件是一项技术含量较高的工作,尤其是在实现类似Android和Windows Phone 7(WP7)手机中常见的菜单滑动效果时。这样的控件不仅需要支持单一方向的滑动,如水平或垂直,而且要能够...

    Android ScrollView嵌套横向滑动控件时冲突问题

    前言:今天在开发的时候遇到这样的问题,最外层是ScrollView,里面嵌套了一个横向滑动的日历控件,在滑动日历的时候很卡顿。看到这种问题,自然而然的就会想到scrollview和其他可滑动控件的冲突问题。 解决思路 用户...

    iSlider是一个表现出众轻量且高性能无任何库依赖的跨平台滑动控件

    iSlider是一款专为JavaScript开发设计的高性能、轻量级、跨平台的滑动控件,无需依赖任何外部库,使得开发者能够轻松实现各种滑动场景。这个强大的组件旨在提高用户体验,提供流畅、平滑的滑动效果,适用于创建幻灯...

    安卓滑动控件集

    在安卓应用开发中,滑动控件是构建用户界面时不可或缺的部分,它们为用户提供了一种流畅、直观的方式来浏览和交互内容。"安卓滑动控件集"这个资源包似乎包含了多种用于实现滑动效果的组件,特别提到了"ViewPager",...

    左右滑动自定义控件

    "左右滑动自定义控件"是一个专为Android平台设计的功能组件,它允许用户通过左右滑动来触发不同的操作或展示不同的内容。这个控件可以广泛应用于各种场景,比如在应用内导航、浏览图片或切换页面。 首先,我们来...

    iSlider手机平台JS滑动组件实现的图片滑动衰减效果,循环效果,自动滑动效果,水平垂直滑动效果。兼容主流浏览器

    iSlider是一款专为手机平台设计的JavaScript滑动组件,它具备强大的功能和良好的浏览器兼容性。这款组件的主要特点包括图片滑动衰减效果、循环播放、自动滑动以及支持水平和垂直滑动,使得在移动设备上创建动态、...

    Android 滑动效果 自定义控件

    自定义控件是实现这些独特滑动效果的关键,特别是通过扩展ViewGroup类,我们可以自由地定义布局行为和动画效果。本文将深入探讨如何在Android中创建自定义的滑动效果控件,以及ViewGroup类中的相关属性。 首先,...

    滑动控件代码

    滑动控件,通常指的是在用户界面上可以进行滑动操作来改变某个参数或状态的交互元素,如滚动条、滑块等。在Windows应用程序开发中,VC++(Microsoft Visual C++)是一个常用的编程环境,它支持MFC(Microsoft ...

    自定义Android可滑动控件源码

    本文将深入探讨如何实现一个可滑动显示图片的控件,通过这个过程,我们可以学习到Android的触控事件处理机制、Scroller类的应用以及VelocityTracker的用法。 首先,Android的触控事件处理主要包括三个基本步骤:...

    android安卓可滑动控件

    在Android开发中,滑动控件(通常称为滑动视图或滚动视图)是用户界面设计中的一个重要组成部分,它们允许用户浏览超过屏幕大小的内容。本文将深入探讨Android中的几种常见可滑动控件,包括它们的功能、用法以及如何...

    仿酷狗左右滑动控件

    【仿酷狗左右滑动控件】是一种在Android开发中常见的交互设计,它借鉴了酷狗音乐应用中的滑动切换效果,通常用于实现如歌曲列表、播放器界面等场景的左右切换。这种控件能够提供流畅且直观的用户体验,使得用户可以...

    ifuslider自定义滑动控件

    在iOS开发中,滑动控件(Slider)是一种常见的用户界面元素,用于让用户在一系列值之间进行选择。本文将深入探讨如何使用ifuslider自定义滑动控件,实现背景色渐变,并允许用户根据需求进行二次开发。 首先,我们要...

    Android三层滑动控件显示冲突和ViewPager高度动态调整的解决方案Demo

    在Android开发中,有时我们需要构建复杂的用户界面,其中可能包含多层可滑动的控件。在这种场景下,"Android三层滑动控件显示冲突和ViewPager高度动态调整的解决方案Demo"是一个非常实用的示例,它解决了ListView、...

Global site tag (gtag.js) - Google Analytics