`
wenjinglian
  • 浏览: 820294 次
  • 性别: Icon_minigender_1
  • 来自: 株洲->深圳
社区版块
存档分类
最新评论

jquery mobile

阅读更多

jquery mobile 中文网:http://www.jqmapi.com/index.html

 

mobile 相关事件学习:http://pkw.iteye.com/blog/1207418

 

//滑动,在电脑上可以按住右键模拟左右滑动
$(".wrap").bind("swiperight", function(){
	//像右滑动		
		}).bind("swipeleft", function(){
			//像右滑动
		});

 

 

//回顶部 
$(".backTop").bind("tap",function(){ //tap 触摸事件,在电脑上相当click事件
  $.mobile.silentScroll(0); //滚动到Y轴为0位置
});

 

 jquery选项卡简单代码:

 

<div class="tab">
<a>tab1</a>
<a>tab2></a>
<div>
<div id="tab0"></div>
<div id="tab1"></div>

$(".tab a").click(function(){
	     $(this).addClass("selected").siblings().removeClass("selected");
		$("#tab" + $(this).index()).show().siblings().hide();
	});

 

 

 

 

分享到:
评论

相关推荐

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    jQuery mobile相册的一种样式

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...

    Jquery mobile 从设计到开发

    jQuery Mobile 是一个广泛使用的框架,特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐,是因为它可以将现有的网页转换成触摸...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    jquerymobile设计完整例子

    **jQuery Mobile 设计详解** jQuery Mobile 是一个轻量级、响应式的前端框架,专为触摸设备的网页设计和开发而构建。它简化了创建移动友好的网页应用的过程,提供了丰富的组件和交互效果,使得开发者可以快速构建...

    jQuery Mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...

Global site tag (gtag.js) - Google Analytics