基于jquery的可触摸滑屏的Web端系统

在移动设备越来越普及的今天，如何使用一套技术体系开发PC与移动平台都可使用的软件是值得探索的。

这个系统就是对这方面做了一下尝试, PC和平板均有比较好的体验。

平板中的截图如下：

主界面：

可更换背景：

点击图标后以新tab的方式打开页面，标签在底部方便触摸

网页中嵌入图表

此外还有不少额外功能，如

类似win8的所有应用列表：

应用商店功能：

访问地址：点击这里

主页：点击这里

兼容除IE6以外所有浏览器，建议使用高版本浏览器访问，会获得更好的体验。

时间： 2024-11-07 16:28:43

基于jquery的可触摸滑屏的Web端系统的相关文章

Android中滑屏实现----触摸滑屏以及Scroller类详解 .

转:http://blog.csdn.net/qinjuning/article/details/7419207 知识点一: 关于scrollTo()和scrollBy()以及偏移坐标的设置/取值问题 scrollTo()和scrollBy()这两个方法的主要作用是将View/ViewGroup移至指定的坐标中,并且将偏移量保存起来.另外: mScrollX 代表X轴方向的偏移坐标 mScrollY 代表Y轴方向的偏移坐标关于偏移量的设置我们可以参看下源码: package com.qin.

Android中滑屏实现----手把手教你如何实现触摸滑屏以及Scroller类详解

基于jQuery带进度条全屏图片轮播代码

基于jQuery带进度条全屏图片轮播代码.这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="pic"> <ul> <li style="background: url(images/bg1.jpg) center;"> <img src="images/con1.png"> <

基于jQuery的网站首页宽屏焦点图幻灯片

今天给大家分享一款基于jQuery的网站首页宽屏焦点图幻灯片.这款焦点图适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览源码下载实现的代码. html代码:  <div class="sliderWrap"> <section class="banner-TAL"> <div class

Slideout.js – 触摸滑出式 Web App 导航菜单

Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单.它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它.它支持不同的 CSS3 转换和过渡.最重要的是,它只是4KB . 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuer

基于 jQuery支持移动触摸设备的Lightbox插件

Swipebox是一款支持桌面.移动触摸手机和平板电脑的jquery Lightbox插件.该lightbox插件支持手机的触摸手势,支持桌面电脑的键盘导航,并且支持视频的播放. 在线预览源码下载简要教程 Swipebox是一款支持桌面.移动触摸手机和平板电脑的jQuery Lightbox插件.Swipebox的特点有: 支持手机的触摸手势支持桌面电脑的键盘导航通过jQuery回调提提供CSS过渡效果 Retina支持UI图标 CSS样式容易定制使用方法首先在<body>标签

Scroller的应用--滑屏实现

1.Scroller源码分析下面是对Scroller源码的分析,并附有源码,如下: package android.widget; import android.content.Context; import android.hardware.SensorManager; import android.os.Build; import android.util.FloatMath; import android.view.ViewConfiguration; import android.vi

Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明

本文原创 ,转载必须注明出处 :http://blog.csdn.net/qinjuning 今天给大家介绍下Android中滑屏功能的一个基本实现过程以及原理初探,最后给大家重点讲解View视图中scrollTo 与 scrollBy这两个函数的区别 . 首先 ,我们必须明白在Android View视图是没有边界的,Canvas是没有边界的,只不过我们通过绘制特定的View时对 Canvas对象进行了一定的操作,例如 : translate(平移).clipRect(剪切)等,以便达到我们的

基于jquery宽屏菜单导航【精品】

demo预览地址:http://www.qhttl.com/content/view/2014/07/18/jiaoben75/jiaoben75/index.html 下载地址:基于jquery宽屏菜单导航基于jquery宽屏菜单导航[精品],布布扣,bubuko.com