`
fukai
  • 浏览: 22485 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

 

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

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

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

平板中的截图如下:

 

主界面:

 

 

 

可更换背景:

 

 

 

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

 

 

 

网页中嵌入图表

 

 

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

类似win8的所有应用列表:


 

 应用商店功能:



 
 

 

访问地址:http://ynif.v099.10000net.cn/qui/system/touchdesk/login.html
兼容除IE6以外所有浏览器,建议使用高版本浏览器访问,会获得更好的体验。

 

  • 大小: 46.7 KB
  • 大小: 48.7 KB
  • 大小: 59.7 KB
  • 大小: 48.7 KB
  • 大小: 52.3 KB
  • 大小: 85.9 KB
分享到:
评论

相关推荐

    Jquery仿手机滑屏效果

    1. **事件监听**:在jQuery中,我们通过监听用户触摸屏幕或鼠标操作来触发滑屏事件。主要的触摸事件包括`touchstart`(手指接触屏幕)、`touchmove`(手指在屏幕上移动)和`touchend`(手指离开屏幕)。 2. **滑动...

    分享Jquery-UI实现Web桌面系统——jWebOS

    本示例利用了Jquery-UI实现Web桌面系统jWebOS,左侧菜单和桌面菜单的链接都是动态设置。整体效果非常棒。大家可以用于自己的网站建设。 建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行查看、调试、开发...

    基于SSH jQuery框架的餐饮Web App的设计与实现.pdf

    在基于SSH + jQuery框架的餐饮Web App设计与实现中,首先,开发环境选择Windows操作系统,利用Eclipse作为开发工具,这为开发者提供了一个集成化的开发环境,便于代码编写、调试和项目管理。数据库方面,选用Oracle...

    基于jquery-easyui的用户管理系统实例

    【基于jQuery EasyUI的用户管理系统】是一个典型的Web应用程序实例,它利用了jQuery EasyUI这个强大的前端框架来构建用户友好的界面,并结合后端技术(如PHP)处理数据交互。EasyUI是一个基于jQuery的UI库,提供了...

    基于Jquery的手机触摸屏事件插件,可以辨别手机触摸滑动事件的方向等。

    `jQuery`,作为一个广泛使用的JavaScript库,虽然默认不包含对触摸事件的处理,但可以通过各种插件来扩展其功能,比如本话题提到的"基于jQuery的手机触摸屏事件插件"。这个插件,名为`TouchSwipe`,专门设计用于识别...

    基于jquery实现的web版excel

    【标题】"基于jQuery实现的Web版Excel"是一种在网页端模拟Excel功能的技术,它允许用户在浏览器上创建、编辑和处理电子表格,无需安装Microsoft Excel或其他类似软件。这一技术通常依赖于JavaScript库,比如jQuery,...

    Java Web Jquery表单验证

    Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...

    myExcel基于jquery实现的web版excel包含excel的基本功能

    myExcel是一款基于jQuery库开发的Web版Excel工具,旨在为用户在浏览器环境下提供类似Microsoft Excel的功能,便于在线处理和编辑表格数据。这个项目的核心在于利用JavaScript的灵活性和jQuery的便利性,来模拟传统...

    WebIM是一款基于jQuery的一款web即时通讯插件

    插件调用简单方便,只需在现有的web系统中加入几行代码,理论上可嵌入任何web系统。 2012年项目,已不再维护。 配置 $(function() { $(document).FnWebIM({ autoLogin :true, //boolean型,默认是否自动登录,...

    基于Jquery插件的 Web 快速开发工具

    【基于Jquery插件的Web快速开发工具】是一款专为Visual Studio设计的增强型扩展,旨在简化网页开发过程中Jquery插件的集成和使用。它通过自动化代码生成过程,极大地提高了开发效率,使得开发者能够更加专注于业务...

    基于jquery的web端登录界面前端

    在本文中,我们将深入探讨如何基于jQuery构建一个Web端的登录界面。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及AJAX交互,使得前端开发更为高效。结合描述中的内容,我们可以了解...

    基于jQuery框架的Web前端开发设计方法研究.pdf

    本文详细介绍了基于jQuery框架的Web前端开发设计方法,并分析了Web前端开发的重要性和挑战,以及基于jQuery框架的开发技术知识结构和Web前端开发流程。 在基于jQuery框架的Web前端开发设计方法中,视觉效果、用户...

    基于jQuery的HTML5移动端音乐播放器源码.zip

    基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器...

    基于jQuery的Ajax聊天室程序

    【基于jQuery的Ajax聊天室程序】是一个典型的Web交互应用,它利用了Ajax技术来实现实时的、无需页面刷新的用户交流。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页...

    基于JQUERY的WEB在线流程图设计器GOOflow

    插件描述:跨浏览器,可兼容IE7--IE10, FireFox, Chrome, Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。 参考示例:http://www.jq22.com/jquery-info5015

    JavaScript&jQuery;交互式Web前端开发

    交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。《JavaScript&...

    基于JQuery的用户统一认证系统的设计与实现

    本文将深入探讨基于JQuery实现的用户统一认证系统的设计与实现,这是一项重要的毕业设计课题,旨在提高Web应用的安全性和用户体验。 首先,我们需要理解JQuery的核心概念。JQuery是一个轻量级、高性能的JavaScript...

    基于jQuery的Web源程序在线评测系统的设计与实现.nh

    基于jQuery的Web源程序在线评测系统的设计与实现.nh 基于jQuery的Web源程序在线评测系统的设计与实现.nh

    基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip

    基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型案例源码.zip基于Flask+jQuery前后端分离部署pytorch模型...

    基于jQuery Mobile的温室智能控制系统.pdf

    该系统引入了jQuery Mobile技术,这是一个轻量级的Web脚本框架,特别适合于创建跨平台、跨设备的移动Web应用程序。jQuery Mobile的核心理念是“写得少,做得多”,它简化了JavaScript的开发,并能确保在不同设备和...

Global site tag (gtag.js) - Google Analytics