jquery
文章平均质量分 78
lishuai05251986
这个作者很懒,什么都没留下…
展开
-
JQuery全选和反选
1.代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="原创 2011-10-26 14:59:59 · 83 阅读 · 0 评论 -
jqMobi插件ActionSheet
现在在手机客户端上Action Sheet非常常见,比如微信中的分享按钮菜单,下面我们使用jqMobi实现一个Action Sheet,如下:首先右击上面的按钮选择审查元素(我用的是Chrome浏览器,先按F12) <a class="button" onclick="showCustomHtmlSheet()">Show Custom Html Sheet&l...原创 2014-04-14 10:43:15 · 151 阅读 · 0 评论 -
jqMobi中Side Menu实现
记得以前在做Native App的时候类似于人人网侧边滑动的效果非常的热,很多app仿照该效果进行开发,在jqMobi中也有类似的效果被称为Side Menu.下面我们来一步一步实现该效果。首先新建一个html文件,引入jqMobi的框架,如下: <!DOCTYPE html> <head> <meta charset="utf-8">...原创 2014-04-14 10:45:51 · 315 阅读 · 0 评论 -
phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案
免费Jqmobi+phonegap入门视频 http://www.sxt.cn/u/1/blog/3311phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案:可以鼠标或者手指在页面上左右滑动实现页面的切换演示地址: http://www.apiying.com/jqmobi/视频教程+课件+源码下载地址: http://www.sxt.cn/u/1/blog/3...原创 2015-04-02 21:56:25 · 594 阅读 · 0 评论 -
基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理
最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴滴,希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章,逐步介绍这个响应式框架的点点滴滴。Bootstrap是一个前端的技术框架,很多平台都可以采用,JAVA/PH...原创 2016-06-29 14:28:03 · 148 阅读 · 0 评论 -
基于MVC4+EasyUI的Web开发框架经验总结(1)-利用jQuery Tags Input 插件显示选择记录...
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags ...原创 2016-06-29 14:30:07 · 117 阅读 · 0 评论 -
html5移动web开发小记
一、配置移动开发环境 1.各种仿真器、模拟器的下载安装 http://www.mobilexweb.com/emulators https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Emulators-&-Simulators 2.html5 DTD <!doctype html> <meta charset="u...原创 2015-12-12 21:19:05 · 189 阅读 · 0 评论 -
HTML 5 学习之应用程序缓存
什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 浏览器支持 所有主流浏览器均支持应用程序缓存,除了 Inter...原创 2015-12-12 21:22:30 · 89 阅读 · 0 评论 -
对象数组排序,利用jquery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>jQuery数组和字符串--对象数组排序</title> <script type="text/java原创 2015-12-17 10:54:11 · 101 阅读 · 0 评论 -
博客园首页新随笔联系管理订阅 随笔- 14 文章- 1 评论- 0 利用jquery mobiscroll插件选择日期、select、treeList的具...
mobiscroll是个很好用的用于移动端滑动选择的插件,可以用来选择日期,也可以用来选择简单选项或者一些复杂的树形结构的选项,简单分享下。 依赖也比较简单,引入一个mobiscroll-2.13.2.full.min.js文件和一个mobiscroll-2.13.2.full.min.css文件即可。参考官网http://docs.mobiscroll.com 1.选择日期...原创 2017-09-05 10:05:17 · 291 阅读 · 0 评论 -
轻松搞定JSONP跨域请求
一、同源策略要理解跨域,先要了解一下“同源策略”。所谓同源是指,域名,协议,端口相同。所谓“同源策略“,简单的说就是基于安全考虑,当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表:在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wiki/?ti...原创 2017-02-07 17:04:27 · 133 阅读 · 0 评论 -
jQuery Tags Input Plugin(添加/删除标签插件)
看名字应该知道是干嘛用了吧。一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能。 官网:http://xoxco.com/projects/code/tagsinput/截图:(下面是翻译了官网上的用法,英文不是很好,有能力的尽量看官网吧)首先,引用下面两个文件<...原创 2017-02-21 09:33:49 · 97 阅读 · 0 评论 -
jqMobi插件json格式ActionSheet
在上一篇中我们学会了ActionSheet的使用,细心的朋友可能会发现其中创建列表的格式是HTML的,代码如下: function showCustomHtmlSheet() { $("#afui").actionsheet('<a >Back</a><a onclick="alert(\'hi\');" >Show Alert ...原创 2014-04-14 10:42:47 · 125 阅读 · 0 评论 -
Lazy Load, 延迟加载图片的 jQuery 插件
本文翻译自 Lazy Load Plugin for jQuery, 介绍一个 jQuery 插件, 它提供懒汉式加载页面图片的功能.Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页...原创 2014-05-06 17:04:14 · 85 阅读 · 0 评论 -
jquery选择器
— 基本选择器 — $("#txt").css("background-color","red");— 设置id为txt的元素 — $("p").css("background-color","blue");— 设置p元素 — $(".myclass").css("background-color","ye原创 2011-10-31 18:12:17 · 95 阅读 · 0 评论 -
设计漂亮的日历控件含图含源码
设计漂亮的日历选取2012-01-09 16:32:34 · 160 阅读 · 0 评论 -
jQuery Dialog 弹出层对话框插件(可加载url地址)
网上这种插件很多,但是没一个合适的,大部分都做得很大,功能齐全。于是自己做了这个小插件,顺便学习下jQuery插件的写法。 具体的演示程序在这里:演示程序。 原理很简单,通过JS动态构建一个div层,将其插入到body中,然后通过调整position的CSS属性为absolute或fixed,使其脱离原来的文档流的位置。再通过适当的加工美化就成了。 <!-- 背景遮盖...原创 2011-11-19 18:02:21 · 1363 阅读 · 0 评论 -
jQuery和ExtJS的timeOut超时设置和event事件处理
ajax请求如何自定义超时时间,并处理相应的超时事件呢?对jQuery来说,超时可以直接设置timeout参数,并在error事件中捕获第二个参数,如果是“timeout”则表明捕获了超时事件,非常清楚。例子:$.ajax({ type: "POST", contentType: "application/json", ur...原创 2011-11-28 14:42:23 · 111 阅读 · 0 评论 -
Jquery中使用setInterval和setTimeout
直接在ready中调用其他方法,会提示缺少对象的错误,解决方法如下:方法1. 应用jQuery的扩展可以解决这个问题。 $(document).ready(function(){$.extend({ show:function(){ alert("ready"); }});setInterval("show()",3000);});方法2. 指定定时执行的函...原创 2011-11-28 16:27:05 · 437 阅读 · 0 评论 -
jQuery中setTimeout的几种使用方法
jQuery 中 setTimeout/setInterval 不能像在原生态 javascript 中那样使用, 否则会报错.我们通过例子来说明一下jQuery中setTimeout的几种使用方法, 首先准备好测试用的DIV和公共函数:01<div id="div_debug"></div>02<script ...原创 2011-11-28 16:28:11 · 197 阅读 · 0 评论 -
jquery ajax 详解
When Ajax meets jQuery 基于AJAX的应用现在越来越多,而对于前台开发人员来说,直接和底层的HTTPRequest打交道又不是一件令人愉快的事情。jQuery既然封装了 JavaScript,肯定已经考虑过AJAX应用的问题。的确,如果用jQuery写AJAX会比直接用JS写方便N倍。(不知道用jQuery长了, 会不会丧失对JS的知识了……) 这里假设大家对j...原创 2011-11-28 16:31:20 · 120 阅读 · 0 评论 -
js中SetInterval与setTimeout用法
s中SetInterval与setTimeout用法 JS里设定延时:使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。setTimeout("function",time) 设置一个超时对象setInterval("function",time) 设置一个超时对象SetInterval为自动重复,set...原创 2011-11-29 11:18:28 · 79 阅读 · 0 评论 -
js加载倒计时
<script> var loadtime=30*60*1000; function millisecondToDate(msd){ var time = parseFloat(msd) / 1000; if (time > 60 && time < 60 * 60){ time = parseI...原创 2011-11-30 09:15:47 · 117 阅读 · 0 评论 -
国内部分瀑布流网站
Pinterest是最早使用瀑布流的鼻祖,如今瀑布流逐渐在国内流行开来,实现方式也各有不同。无论淘宝、百度。新浪等老牌,还是新生的美丽说和蘑菇街,都加入了这个行列。随着技术的成熟,现在瀑布流已经在个人站长领域开始流行。个人总结一下目前瀑布流的特点结构简单:1. 参差不齐的多列布局。 2.无限加载网页内容 内容:1.以图片展示为主,标签化导航。2.具有社会化...原创 2014-05-06 11:35:12 · 447 阅读 · 0 评论 -
Jquery autocomplete插件的使用示例
简单用法:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><原创 2017-02-21 15:04:52 · 136 阅读 · 0 评论