随笔分类 -  jQuery

摘要:比如1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option[text='pxx']").attr("selected",true);这里有一个中括号的用法,中括号里的等号的前面是属性... 阅读全文
posted @ 2015-05-14 09:46 -j神----- 阅读(213) 评论(0) 推荐(0) 编辑
摘要:纵览全网提供的众多号称兼容多浏览器的自动收缩在线客服,其实只兼容了IE和FF两种,当遇到谷歌Chrome、苹果Safari、Opera浏览器时鼠标还没点到客服按钮就会自动缩回,实用效果完全打折以下代码修改可以让在线客服功能兼容更多浏览器,至少兼容了IE、FF、Chrome、Safari、Opera 这5种,修改如下:找开ServiceQQ.js找到:if (browser.indexOf("Firefox")>0){ //如果是Firefox复制代码更改为:if (browser.indexOf("Firefox")>0||browser.i 阅读全文
posted @ 2013-11-28 14:54 -j神----- 阅读(550) 评论(0) 推荐(0) 编辑
摘要:原网转载地址:http://www.cnblogs.com/hnvvv/archive/2011/11/19/2255197.html 需求:公司某个网站,需要实现图片预览效果,并能像淘宝一样实现局部分大! 思索:为了考虑开发速度,最先考虑的是想使用网络上的现成代码!但是大致搜索了一下,网上可用的代码并不多,而且部分效果并不理想!而且有些代码,估计阅读下来比自己写一个成本还要高,于是产生了自己写一个jquery的插件的想法! 原理:最起考虑的原理是,两张图片,一张小图,一张大图,先获取鼠标在小图上面的坐标,然后以一个div来显示大图,并根据小图的坐标乘以大图除以小图得到的倍数定位!开始是... 阅读全文
posted @ 2013-08-19 17:22 -j神----- 阅读(939) 评论(0) 推荐(0) 编辑
摘要:点击进入更详细教程及源码下载 在线演示我们经常会在网站中看见一个时钟的效果。今天向大家分享一个使用jQuery和CSS3实现一个数字时钟教程。http://www.html5cn.org/article-5279-1.html代码:<div id="clock" class="light"> <div class="display"> <div class="weekdays"></div> <div class="ampm">< 阅读全文
posted @ 2013-06-18 12:06 -j神----- 阅读(790) 评论(0) 推荐(0) 编辑
摘要:js确实是一个很强大的客户端脚本程序,下面是关于jquery中经常用到的||和&&的用法.很犀利的用法.js 与或运算符 || && 妙用,可用于精简代码,降低程序的可读性。如图:假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码 代码如下:var add_level = 0; if(add_step == 5){ add_level = 1; } else if(add_st 阅读全文
posted @ 2012-12-06 11:52 -j神----- 阅读(276) 评论(0) 推荐(0) 编辑
摘要:在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。oninput 是 HTML5 的标准事件,对于检测textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即 阅读全文
posted @ 2012-12-03 11:04 -j神----- 阅读(336) 评论(0) 推荐(0) 编辑
摘要:web应用开发中经常出现中文乱码情况!今天主要整理下思路:出现乱码的大多数情况是我们进行AJAX时所遇到的!因为直接数据库读取是不会有任何编码上的问题的~1.从前台JS提交数据到后台的情况下AJAX数据时,不管是直接用底层xmlHttprequest还是用jQuery的ajax进行数据传递时!ajax都会使用utf-8进行编码后发送!如果我们的页面是UTF-8那没有问题!传递过去的中文数据不会乱码!如果是GB2312的话~问题就来了!GBK被UTF-8转换后发送到后台,这时后台直接接收到的已经乱码了!(解决方法:后台语言为PHP的情况下,iconv('utf-8','g 阅读全文
posted @ 2012-11-30 11:37 -j神----- 阅读(8374) 评论(0) 推荐(0) 编辑
摘要:jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。url (String) : 请求的HTML页的URL地址。data (Map) : (可选参数) 发送至服务器的 key/value 阅读全文
posted @ 2012-11-29 15:50 -j神----- 阅读(229) 评论(0) 推荐(0) 编辑
摘要:在Web开发中,加载动画是非常有用的,不要低估它,它可以让网站响应用户的交互,让用户知道服务器正在处理请求,并告知用户需要等待一段时间。通常加载动画是GIF格式的,但是现在我们有强大的浏览器和技术(VML和Canvas),加载动画不再只限于GIF格式,它可以由JavaScript来生成,并高度可定制,以下是我整理的5个JavaScript实现的加载动画方案。 这些动画并不是所有的都能在老的浏览器上实现,比如IE6、IE7和IE8。但是其中activity indicator 和 spin.js同时支持VML(IE可支持)和Canvas(最新的浏览器可支持)。 1. Activity Indic 阅读全文
posted @ 2012-11-22 10:11 -j神----- 阅读(1583) 评论(2) 推荐(0) 编辑
摘要:在线演示 本地下载 在过去的web开发和设计中,大家往往使用flash来创建炫酷的菜单效果,随着js和web技术的发展,现在大家可以使用简单的javascript代码生成同样漂亮的菜单效果,在今天的这个简单教程中,我们将带领大家使用jQuery的background-position插件来开发漂亮的导航条效果,希望大家喜欢!相关插件:jQuery background-position主要思路在这个特效中,我们使用jQuery的background-position插件来动画背景的位置来达到背景变化的特效。你可以使用正负的背景图片坐标位置来定义动画的过程,注意这里你需要自己创建一个合适的背景图 阅读全文
posted @ 2012-11-21 15:26 -j神----- 阅读(1039) 评论(0) 推荐(0) 编辑