基于jquery的可触摸滑屏的Web端系统
在移动设备越来越普及的今天,如何使用一套技术体系开发PC与移动平台都可使用的软件是值得探索的。
这个系统就是对这方面做了一下尝试, PC和平板均有比较好的体验。
平板中的截图如下:
主界面:
可更换背景:
点击图标后以新tab的方式打开页面,标签在底部方便触摸
网页中嵌入图表
此外还有不少额外功能,如
类似win8的所有应用列表:
应用商店功能:
访问地址:http://ynif.v099.10000net.cn/qui/system/touchdesk/login.html
兼容除IE6以外所有浏览器,建议使用高版本浏览器访问,会获得更好的体验。
相关推荐
1. **事件监听**:在jQuery中,我们通过监听用户触摸屏幕或鼠标操作来触发滑屏事件。主要的触摸事件包括`touchstart`(手指接触屏幕)、`touchmove`(手指在屏幕上移动)和`touchend`(手指离开屏幕)。 2. **滑动...
本示例利用了Jquery-UI实现Web桌面系统jWebOS,左侧菜单和桌面菜单的链接都是动态设置。整体效果非常棒。大家可以用于自己的网站建设。 建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行查看、调试、开发...
在基于SSH + jQuery框架的餐饮Web App设计与实现中,首先,开发环境选择Windows操作系统,利用Eclipse作为开发工具,这为开发者提供了一个集成化的开发环境,便于代码编写、调试和项目管理。数据库方面,选用Oracle...
【基于jQuery EasyUI的用户管理系统】是一个典型的Web应用程序实例,它利用了jQuery EasyUI这个强大的前端框架来构建用户友好的界面,并结合后端技术(如PHP)处理数据交互。EasyUI是一个基于jQuery的UI库,提供了...
`jQuery`,作为一个广泛使用的JavaScript库,虽然默认不包含对触摸事件的处理,但可以通过各种插件来扩展其功能,比如本话题提到的"基于jQuery的手机触摸屏事件插件"。这个插件,名为`TouchSwipe`,专门设计用于识别...
【标题】"基于jQuery实现的Web版Excel"是一种在网页端模拟Excel功能的技术,它允许用户在浏览器上创建、编辑和处理电子表格,无需安装Microsoft Excel或其他类似软件。这一技术通常依赖于JavaScript库,比如jQuery,...
Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...
myExcel是一款基于jQuery库开发的Web版Excel工具,旨在为用户在浏览器环境下提供类似Microsoft Excel的功能,便于在线处理和编辑表格数据。这个项目的核心在于利用JavaScript的灵活性和jQuery的便利性,来模拟传统...
插件调用简单方便,只需在现有的web系统中加入几行代码,理论上可嵌入任何web系统。 2012年项目,已不再维护。 配置 $(function() { $(document).FnWebIM({ autoLogin :true, //boolean型,默认是否自动登录,...
【基于Jquery插件的Web快速开发工具】是一款专为Visual Studio设计的增强型扩展,旨在简化网页开发过程中Jquery插件的集成和使用。它通过自动化代码生成过程,极大地提高了开发效率,使得开发者能够更加专注于业务...
在本文中,我们将深入探讨如何基于jQuery构建一个Web端的登录界面。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及AJAX交互,使得前端开发更为高效。结合描述中的内容,我们可以了解...
本文详细介绍了基于jQuery框架的Web前端开发设计方法,并分析了Web前端开发的重要性和挑战,以及基于jQuery框架的开发技术知识结构和Web前端开发流程。 在基于jQuery框架的Web前端开发设计方法中,视觉效果、用户...
基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器...
【基于jQuery的Ajax聊天室程序】是一个典型的Web交互应用,它利用了Ajax技术来实现实时的、无需页面刷新的用户交流。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页...
插件描述:跨浏览器,可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。 参考示例:http://www.jq22.com/jquery-info5015
交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。《JavaScript&...
本文将深入探讨基于JQuery实现的用户统一认证系统的设计与实现,这是一项重要的毕业设计课题,旨在提高Web应用的安全性和用户体验。 首先,我们需要理解JQuery的核心概念。JQuery是一个轻量级、高性能的JavaScript...
基于jQuery的Web源程序在线评测系统的设计与实现.nh 基于jQuery的Web源程序在线评测系统的设计与实现.nh
基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型...
该系统引入了jQuery Mobile技术,这是一个轻量级的Web脚本框架,特别适合于创建跨平台、跨设备的移动Web应用程序。jQuery Mobile的核心理念是“写得少,做得多”,它简化了JavaScript的开发,并能确保在不同设备和...