jQuery响应式全屏切换页面插件Ascensor.js

所属分类:UI-滚动

 6835  76  查看评论 (0)
jQuery响应式全屏切换页面插件Ascensor.js ie兼容8

使用方法

需引入文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript"></script> 
<script src="js/jquery.ascensor.js" type="text/javascript"></script>
<script src="js/myscript.js" type="text/javascript"></script>

html内容

<div id="house">
	<div>
		<!-- Etage1-->
		<div id="ContentName">
		</div>
		<!-- Content of the floor 1-->
	</div>
	<div>
		<!-- Etage2-->
		<div id="ContentName">
		</div>
		<!-- Content of the floor 2-->
	</div>
	<div>
		<!-- Etage3-->
		<div id="ContentName">
		</div>
		<!-- Content of the floor 3-->
	</div>
	<div>
		<!-- Etage4-->
		<div id="ContentName">
		</div>
		<!-- Content of the floor 4-->
	</div>
	<div>
		<!-- Etage5-->
		<div id="ContentName">
		</div>
		<!-- Content of the floor 5-->
	</div>
</div>

调用方式

$('#house').ascensor();
$('#house').ascensor({
	AscensorName: 'house',
	//you can choose the name that will define id and class (default:'maison')
	WindowsFocus: true,
	//if you start on the first content(default:true)
	WindowsOn: '0',
	//if you can to start to the 0,1,2,3 etc.. content
	Direction: 'y',
	//What will be the direction of the ascensor
	NavigationDirection: 'xy',
	//what will be his navigation direction(par défaut:'xy')
});


相关插件-滚动

jQuery滚动楼层效果

jQuery滚动楼层效果,通俗简单好上手,js中有详细步骤解析。
  滚动
 5373  62

jquery.mousewheel.js鼠标滚动插件

鼠标全屏滚动插件
  滚动
 8570  50

自制高度可定制滚动条插件(原创)

自制原生JS高度可定制化的滚动条插件,高度自定义,轻量化,浏览器兼容良好
  滚动
 5082  87

jquery滚动效果插件ScrollMe

ScrollMe是一个页面添加简单的滚动效果的jQuery插件,当你向下滚动页面时,ScrollMe可以对页面元素进行轴标扫描、旋转、转换和改变不透明度,从而让整个页面动感起来。ScrollMe非常容易使用,它不需要写JS代码,只需在元素中写上属性就OK了。
  滚动
 7759  66

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复