在jquery中失去焦点 事件我们只要使用blur来绑定就可以了，这样我们可以实时监控到输入框的blur动作了。一个监制text事件$(function () { $(:text).blur(function () { if ($.trim($(this).val())==) { $(this).css(border, red); } else { $(this).css(border,white); } }); });实例<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script><script language="javascript" type="text/javascript">//失去焦点时判...
一、关于鼠标hover事件及延时鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现，复杂点的用js。一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理。所谓干扰，就是当用户鼠标不经意划过摸个链接，选项卡，或是其他区域时，本没有显示隐藏层，或是选项卡切换，但是由于这些元素上绑定了hover事件（或是mouseover事件），且无...
1.需求简介2.示例研究3.解决方案1.需求简介jQuery的hover事件只是针对单个HTML元素，例如：$(#login).hover(fun2, fun2);当鼠标进入#login元素时调用fun1函数，离开时则调用fun2函数，这种API已能够满足绝大部分需求。不过，有些时候我们希望当鼠标进入两个或多个元素“组合的区域”时触发fun1，离开他们时触发fun2，而在这些元素间移动鼠标并不触发任何事件。例如两个元素紧挨着的HTML元素，如下图：当鼠标进入二者的“组合区”域...
这篇文章主要介绍了JavaScript和JQuery获取p值的方法,结合具体实例形式对比分析了javascript与jQuery获取页面p元素值的实现技巧,需要的朋友可以参考下本文实例讲述了JavaScript和JQuery获取p值的方法。分享给大家供大家参考，具体如下：1、示例代码：<!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"> <h...
本篇文章主要介绍了用JavaScript和jQuery实现瀑布流的方法，具有很好的参考价值。下面跟着小编一起来看下吧大致介绍在慕课网上学习了用原生js和jQuery实现瀑布流，在这里做个笔记用Javascript实现基本结构：<p id="main"><p class="box"><p class="pic"><img src="images/1.jpg" alt=""></p></p><p class="box"><p class="pic"><img src="images/2.jpg" alt=""></p></p>.........</p>基本样式：*{margin: 0px;padding: 0px;}#main{...
代码如下:if (isset($_GET['jsonpcallback'])){ echo $_GET['jsonpcallback']."([{id:1,name:'aaaa1'},{id:2,name:'bbbb2'}])"; exit; } ?> $(function(){ $.ajax({ url:'http://localhost/test.php', dataType:"jsonp", jsonp:"jsonpcallback", success:function(data){ var $ul = $(""); $.each(data,function(i,v){ $("").text(v.id + " " + v.name).appendTo($ul) }); $("#res").append($ul); } }); }); JavaScript教程...
大家先看一段简单的jquery ajax 返回值的js 代码 代码如下: function getReturnAjax{ $.ajax({ type:"POST", http://www.gxlcms.com/userexist.aspx", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"该用户名可以使用",false) return true; } else { showtipex(vusername.id,"该用户已被注册",false); vusername.className="bigwrong"; return false; } } }); } 但是我们调...
这个对象中每个属性都表示一个可以变化的样式属性（如"height"、"top"或"opacity"）。 注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是"hide"、"show"或"toggle"这样的字符串值，则会为该属性调用默认的动画形式。 函数声明如下： 代码如下:animate(params[, duration[, easing...
代码如下: 不过做了浏览器方面的兼容，经测试兼容IE6+、Firefox3.5+ 首先看看autocomplate.js: ;(function ($) { var index = -1; var timeId; var cssOptions = { "border": "1px solid black", "background-color": "white", "position": "absolute"/*, "font": "normal normal lighter 14px 6px Times New Roman"*/ }; var defaults = { width: "auto", highlightColor: "#3399FE", unhighlightColor: "#FFFFFF", css: cssOptio...
ligerDrag() 使目标对象可以拖动。 参数 handler 拖动的作用区域，在这个区域才可以触发拖动。可以是字符串(jQuery selector)，也可以是一个Dom jQuery对象 onStartDrag 开始拖动事件 onDrag 拖动事件 onStopDrag 结束拖动事件 示例一：默认模式 代码如下: $(function () { $('#rr1,#rr3,#rr2').ligerDrag(); }); 代码如下: 示例二：只能在Panel头部进行拖动 代码...
1、内部链接是通过在标签内将href属性值设为#+id的形式，外链则是在中增加rel属性，并将属性值设为external，如：3i Studio 2、外部链接切换示例代码： 代码如下: New Document <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></ script> 天气预报 今天| 明天 @2013 3i studio 今天天气 4~7'C晴转多云微风 3i Studio提供 @2013 3i studio 外部文件about.html代码: 代码如下: New Doc...
1、需要运行JQuery Mobile 移动应用页面，需要下载JQuery Mobile 3个相关插件文件（有多版本），jquery.mobile-1.2.0.min.css、jquery-1.8.3.min.js、jquery.mobile-1.2.0.min.js，JQuery Mobile官网地址：http://jquerymobile.com 2、将插件文件加载到页面中，注意它们的加载顺序，语句如： 代码如下: <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></ script> 3、Hello World的示例代码如下： 代码如下: ...
json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 代码如下: $.getJSON(url,[data],[callback]) url：加载的页面地址 data: 可选项，发送到服务器的数据，格式是key/value callback:可选项，加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下: 代码如下: [ { "name":"张国立", "sex":"男", "email":"zhangguoli@123.com" }, { "name":"张铁林", "sex":"男", "e...
BxCarousel是一个具有众多配置且易用的Jquery图片滚动插件，特征主要有： ◆ 可以指定显示的元素总数 ◆ 可以指定每次滚动的元素个数 ◆ 自动播放模式 ◆ 前一张/后一张按钮控制图片流动 参数含义： display_num：显示元素的数量，几张图片 move：单击左右控制键时，移动的元素个数，此处为移动2张图片 prev_image：上一元素按钮图片 next_image：下一元素按钮图片 margin：图片之间的间隙，一般设为10px auto:自动滚动效果 contro...
jquery 提交值不为空的元素 可以用来查询的时候用 具体代码： 代码如下: //在执行查询的时候，如果表单的字段为空 就不进行提交 $("#form1").submit(function(){ try { $(this).find("*").each(function(){ var elem = $(this); if (elem.prop("name") != null&&elem.prop("name") != "") { if(elem.val()==""){ elem.removeAttr("name"); } } }); }catch(e){ alert(e); } return true; }); 注意要返回个只，form的submit方法 取...