jquery 移动端

2024-11-09

移动端 (基于jquery的3个)touch插件

//第一个 Author: Alone Antroduction: 高级前端开发工程师 Sign: 人生没有失败,只有没到的成功. //依赖jQuery 或者Zepto <script> (function($) { var options, Events, Touch; options = { x: 20, y: 20 }; Events = ['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'tap', 'longTa

jQuery 移动端ajax请求列表数据，实现点击翻页效果（还有手势往下滑动翻页）。

1 首先是html部分 <div class="content"> <div class="list"></div> //list 是放ajax请求的列表 <input type="hidden" id="pageNum"> //pageNum 为记录当前请求接口数据的页码 <div class="more">点击加载更多记录</div

学习 | jQuery移动端页面组件化开发(一)

最近在学习移动端组件化开发web页面,其中有好多小细节,值的去思考. 主要介绍JS的思路,具体的代码就不贴了,主要是想表达出一种思路总体来说 1.入口文件,在入口文件中导入插件,插件样式,jquery // 首先要有config参数 var config ={ // config } // 进行实例化 var H5 = new H5Component(config) // 插入DOM中 $(".container").append(H5) // 触发组件中的自定义事件 $("

jquery——移动端滚动条插件iScroll.js

官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 'Carousel' demo iScroll功能很强大,目前我只用来自定义滚动条以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项. 一.用法 iScroll对要滚动的元素进行初始化,且不限制一个页面中使用iScroll的元素个数. 使用iScroll时,DOM树的结构要足够

2015.4.20 Canvas Jquery 移动端 JavaScript

1.分享效果:弹窗Canvas渲染大图. 2.进度条中表现进度百分比的数值d%,根据进度的增长“字体颜色”为了表示清晰也随着变化解决方法:参考Demo. 3.输入框保持查询参数,结果列表局部刷新,纯ajax感觉太麻烦,这个怎么做? //处理服务器返回的信息更新专业下拉框 function refreshResultListElement(mode) { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { //此处xmlH

jquery移动端日期插件

不说多的,直接看代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="gbk"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <title&g

【前端】jQuery移动端左滑删除

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/left_slide_menu.html <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0

jQuery移动端手机键盘输入车牌号代码【附加新能源车牌】

最近在移动应用中要做到一个录取汽车牌号码的功能,在网上找了一个插件后发现没有增加新能源车牌功能, 和同事研究了一下,将其进行改造完美的实现了这个功能,这里放出该插件的源码: 原插件来自A5源码网[http://down.admin5.com/texiao/138473.html] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>车牌键盘</title

jQuery PC端图片预览，鼠标移上去查看大图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content

JQuery 移动端上下滑动切换插件 pageSlider

HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <meta content="tel

[js/jquery]移动端手势拖动，放大，缩小预览图片

摘要有这样的需求需要在手机端预览图片的时候,实现图片的手势拖动,放大缩小功能.最终通过touch.js这个插件实现了效果. touch.js Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具. Touch.js的代码已托管于github并开源,希望能帮助国内更多的开发者学习和开发出优秀的App产品. Touch.js手势库专为移动设备设计, 请在Webkit内核浏览器中使用. 核心代码 imgView为图片的容器img标签. va

jquery 移动端轮播图

<div class="slide"> <div class="slide-box"> <ul class="slide-ul"> <li><a href="" title="1111"><img src="http://www.heibaipig.com/demo/images/test/1.jpg"></a

jquery移动端一个按钮两个事件

当一个按钮已经有一个事件,如点击,弹窗显示,若还要加个事件,可以用touchstart 如: var videoCover = $("#videoCover");//视频封面 $(".Js_date").on('click touchstart',function(){ //点击视频隐藏暂停 $("#indexVideo").hide().get(0).pause(); videoCover.show(); });

jquery 移动端六位密码输入

<!DOCTYPE html> <html> <head> <script src="scripts/jquery-1.7.1.min.js"></script> <title>手机端六位密码输入</title> <style> .pwd-box{ width:310px; padding-left: 1px; position: relative; border: 1px solid #9

jquery 微信端点击物理返回按钮，弹出提示框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微信退出</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no

表单验证插件 - formValidator

表单验证插件 - formValidator * 引入formValidator插件文件 * 引入formValidator插件的主文件 * 引入formValidator插件的正则有关文件 * 引入formValidator插件的CSS文件 * 初始化方法 * $.formValidator.initConfig()方法 * validatorGroup - 设置验证组 * onSuccess - 验证通过后的回调函数 * onError - 验证不通过后的回调函数 * 验证方法 * form

2014中国软件开发者调查（二）：Java、.NET、Web、云计算特点

继上周五放出第一篇中国软件开发者调查报告后,很多初学者和开发者翘首以盼第二篇.第三篇报告--希望这些调查报告能够给他们带来指导,解决他们的疑惑.确定他们的学习和使用信心.经过笔者在周末的努力,内容更加丰富的中国软件开发者第二篇调查报告来了. 在开头要指出的是,一些调查"前情"就不再赘述了,有需要的同学可以去看第一篇文章<2014 中国软件开发者调查:Java 最受欢迎第二语言 JS 使用比例最高>. 笔者在调查报告的第一篇文章中指出了,Java 是最受欢迎的编程语言,而 J

8个强大的基于Bootstrap的CSS框架

做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件.当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件.本文就介绍了8个强大的基于Bootstrap的CSS框架,一起来看看. 1.Bootstrap Metro Dashboard – 基于Bootstrap的后台管理面板这是一款基于Bootstrap的Metro风

关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(2)

功能介绍: 1.处理了动态行与表单的设值问题 2.添加了行的向上或向下排序 3.添加了可以在当前行的下边或上边增加新行的功能 4.添加了可以单选或勾选多项删除不需要的行的功能 5.添加了新增的行的高亮(以new红标记标注)的功能 6.实现了可以不依靠样式表(即:即使不要<style></style>部分,功能不会一点) 7.实现了方便后端的接收的数据形式(通过一个动态的长度设置,后端获取这个动态长度并且从1开始循环即可接收相关数据) 8.实现了方便后端进行编辑时的界面(即添加与编辑

web前端工程师技能总结

编辑器: 1 webstorm(建议版本10.0), 2 sublimeTEXT(建议版本3), 3 dreamweaver (建议版本CS6, CC2015) 浏览器: 1 firefox 建议安装 firebug插件其他插件: httprequester(调试接口用), 2 chrome 建议安装插件:postman(调试接口用) UI技能(前端角度,非UI角度) Photoshop cc2015, markman标记工具其他:美图秀秀,fireworks,AI 项目管理 git

javascript DOM 常用方法

前端HTML+CSS+JS流程导图:https://www.processon.com/view/link/5ad1c2d0e4b0b74a6dd64f3c HTML+CSS+Javascript+jQuery+移动端响应式参考链接:JS:https://www.cnblogs.com/majj/category/1223635.html JavaScriptDOM操作的常用方法和属性:: 常用方法: 获取节点: document.getElementById(idName)

jquery 移动端

热门专题