首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
jquery 移动端
2024-09-02
移动端 (基于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)
热门专题
inno setup 版权 版本号
matlab2020Ra deploytool 打包期间出错
查询正在执行的sql进程
ECP2.0提示导出失败因为此功能尚未安装
selenium控制已打开浏览器
sql注入字符型和数字型区别
intlib和schlib的区别
Django 数据库 自增id
sql 取每个分组的前两条数据
FFmpegFrameGrabber socket 视频流、
模板引擎遍历表格数据
unity insepector 自定义
vue plugins 配置
feign 老是走 fallback
jeecgboot 修改构造器
multipart form-data 可以上传二进制流吗
Gateway配置动态路由url为什么加lb
win查看本机port和host
parted 查标签
ionic 获取手机安卓版本