jQuery Mobile 提供了两种滚屏事件:滚屏开始时触发和滚动结束时触发。 jQuery Mobile 滚屏开始(Scrollstart) scrollstart 事件是在用户开始滚动页面时触发: 实例 $(document).on("scrollstart",function(){ aler
转载 2019-05-22 14:21:00
85阅读
2评论
# 实现jQuery Mobile月份插件 ## 1. 前言 在本文中,我将教会你如何实现一个jQuery Mobile月份插件。首先,让我们明确整个过程的步骤,然后逐步介绍每个步骤具体需要做什么。 ## 2. 步骤概述 下面是实现jQuery Mobile月份插件的步骤概述: | 步骤 | 描述 | | ---- | ---- | | 1 | 创建HTML页面 | | 2 | 引入必要
原创 2023-07-31 13:43:43
34阅读
`jQuery Mobile的Grid插件`是一个用于移动网页应用程序构建的轻量级、响应式布局插件。通过这个插件,开发者可以快速创建网格系统,以实现更灵活和高效的UI设计。本文将详细记录我在解决`jQuery Mobile Grid插件`相关问题的全过程,从环境准备到生态扩展,将每个关键步骤进行深入解读。 ## 环境准备 在使用`jQuery Mobile的Grid插件`之前,我们首先需要确认
原创 7月前
17阅读
# jQuery Mobile 上传图片插件 在移动设备上,图片上传是一个很常见的需求。为了方便开发者快速实现图片上传功能,jQuery Mobile 提供了一个上传图片插件。本文将介绍如何使用该插件,并提供相关代码示例。 ## 安装和引入插件 首先,我们需要将 jQuery Mobile 和上传图片插件引入到项目中。可以通过以下步骤来完成安装和引入: 1. 下载 jQuery Mobil
原创 2023-12-22 08:33:09
167阅读
$.fn.contextMenus=function(){ var $tabs=$(this); var temphtml='<div id="tabs-contextme50px">'+ '<div id
原创 2015-07-12 00:02:32
40阅读
jquery插件名为manhuaDate,暂时只支持jquery 1.9.0以下版本示例代码如下:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="h
转载 2023-05-22 09:33:35
227阅读
      前段时间因为项目上需要而写的一个JQuery插件,用于将页面中的小图片放大为原始图片从而进行预览效果的。这个插件就像其它所有的JQuery插件一样,本身没有多么特别吸引的地方,但如果结合我后面要写的一篇关于浏览器插件开发的文章,那我们的前端页面的展现将会妙趣横生啊!      言归
转载 2023-08-21 20:13:41
130阅读
# jQuery实现上下滚屏效果 在当今的网页设计中,用户体验是至关重要的一个方面。而上下滚屏效果(或称为平滑滚动效果)则是一种常用的交互模式,可以让用户在页面之间或页面内部切换时感受到更加流畅的体验。本文将介绍如何使用jQuery库来实现这一效果,并提供详细的代码示例。 ## jQuery简介 jQuery是一个快速、小巧且功能丰富的JavaScript库。它使HTML文档遍历、事件处理、
原创 2024-08-10 05:41:22
38阅读
今天看到一个滚动的jquery插件感觉挺好,所以拿过来备用。/* 彦磊基于jQuery图片平滑滚动插件(2009.04) * 在IE6/IE7/Mozilla 5.0(Firefox 3.0.5)中测试通过 * * * 此插件要求运行在jQuery v1.2 或更高版本上 * 插件可以实现图片平滑向上或向左滚动 * 如果您需要更多的效果或在使用中本插件存在BUG,可以给在彦磊的博客
转载 2024-07-10 11:19:41
37阅读
一、什么是jQuery插件jQuery插件是对jQuery框架利用原型的一个扩展。插件通常是一个完备功能的封装,它是JQ功能的一个补充或扩展。注意:开发JQ插件,该插件是依赖于JQ,所以必须先引入JQ,再引入插件。二、jQuery插件主要分3种类型:1、封装对象方法的插件(原型扩展)(主要的开发方式):这种是大多数采用的方法。操作原型,对jQuery框架侵入性较小。2、封装全局函数的插件(静态扩
1.动态添加checkbox<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.
转载 2023-06-02 23:10:19
75阅读
# jQuery循环滚屏 ## 简介 在网页开发中,经常会遇到需要循环滚屏展示内容的需求,比如新闻滚动、图片轮播等。使用jQuery可以很方便地实现这样的功能。本文将介绍如何使用jQuery实现循环滚屏效果,并提供代码示例供参考。 ## 实现原理 循环滚屏的实现原理其实并不复杂,主要是通过改变滚动元素的位置来实现。具体步骤如下: 1. 创建一个容器元素,用于包裹要滚动的内容。 2. 在容
原创 2023-11-10 12:05:38
77阅读
Mobiscroll是一款手机的日期控件,相当于PC端的my97datepicker,虽然说my97datepicker在移动端也能使用,但是总感觉看起来不太好啦,废话不多说,开始看看Mobiscroll怎么使用吧首先让大家看看Mobiscroll的界面是什么样的,是不是很像闹钟呀?这种效果是怎么做出来的呢?先下载Mobiscroll,然后把其中的css和js文件导入,注意:图片要和css在同一个
原创 2014-11-19 11:37:44
2029阅读
周末的时候写了一个图片轮播的jQuery插件,今天应产品的需求,又改进了些,所以写了两个版本slideshow.js和slideshow_v2.js;代码中提供两个接口:  1. jQuery接口  2. CMD接口(相当于返回一个构造器),对外暴露包装后的public api(下面功能中说到) 那么实现的功能:  1,基本的的轮播功能:向前(prev),向后(next),第一张(fir
1尺寸相关,滚动事件1.1获取和设置元素尺寸width()、height() //获取元素width和height innerWidth()、innerHeight() //包括padding的width和height outerWidth()、outerHeight() //包括padding和border的width和height outerWidth(true)、out
转载 2024-10-30 11:54:16
21阅读
# 实现jquery滚屏播放动画 ## 简介 在本文中,我将教你如何使用jQuery实现滚屏播放动画。这是一个很常见且非常酷炫的效果,通过滚动页面时,动画会依次播放。对于刚入行的小白来说,这可能是一个挑战,但是我会一步步教你如何实现。 ## 实现步骤 下面是整个过程的步骤表格: | 步骤 | 动作 | |---|---| | 步骤1 | 检测滚动事件 | | 步骤2 | 判断元素是否可见
原创 2024-01-13 10:05:17
66阅读
随着智能手机的普遍应用,越来越多的公司把生意搬到了移动手机端,当然基于手机的本地应用开发不是很便宜,需要有指定平台的开发技能及其相关的代码编写工具,例如,iOS开发和Andriod开发。 当 然,其实我们也有另外一个选择,创建一个基于web浏览器的应用,就和我们开发网站一样,我们可以开发基于智能手机的web应用,相关的技术就是 HTML,CSS,javascript等,典型的浏览器端的开发,只要
转载 2024-01-09 10:56:26
82阅读
  今天我们来使用JQuery Mobile来开发一个web mobile app。  要实现的如下所示效果:  开始:  第一步:添加JS包等引用,直接去官网下载最新的JQuery Mobile 包,http://jquerymobile.com/;或者直接从CDN引用JQuery Mobile。  解压压缩包:拷贝 jquery.min.js、jquery.mobile-1.4.5.css、j
转载 2024-03-06 11:04:17
94阅读
jQuery Mobile使用指南说明,学习该框架时的版本为1.0.a1,由于web技术的飞速发展,本内容仅供参考;如有不对之处请参见官方文档……简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都
转载 2023-08-18 22:58:14
170阅读
简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。       jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计。 jQuery Mobile
转载 2024-01-25 22:03:36
113阅读
  • 1
  • 2
  • 3
  • 4
  • 5