最近的文章列表

javascript实现图片拖动改变顺序例子(带效果图)

在web页面中,需要改变多个元素的位置,可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable,通过设置true/false来控制元素是否可拖动。

下面以图片拖动为例,用jQuery来实现:页面上有多个图片,把一个图片拖动到其他两个图片中间,就可以将这个图片的位置插入到两图之间。

代码如下:
2014/5/14 Comments:
[例子]jQuery EasyUI 数字格式化处理

设置显示时间戳
<%
request.setAttribute("currentTimeStamp",Calendar.getInstance().getTime());
%>

显示:2009-11
<fmt:formatDate pattern="yyyy-MM" value="${currentTimeStamp}"/> <br/>
显示:2009-11-30 23:47:06
<fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${currentTimeStamp}"/> <br/>
显示:$12.

2014/5/13 Comments:
分享jQuery EasyUI 日期控件如何控制日期选择区间
代码如下:

<tr><th>发售起始日期</th>

<td><input type="text" id="usLineTime" name="usLineTime" size="20" class='easyui-validatebox Wdate'

onFocus="WdatePicker({el:'usLineTime',dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(
2014/5/13 Comments:
用jquery插件来实现定时查询待处理任务数量

使用方法:

代码如下:

$("#todo_tip").pull_todo_count();

后台返回值

代码如下:

{"todo_count":3}

js文件

2014/5/9 Comments:
javascript实现checkbox全选和反选的例子

复选框全选示例

代码如下:

<input type="checkbox" name="selectall" value=on onclick="selectAll()">
function selectAll(form) {
 var obj = document.getElementsByName('selectall');
2014/5/9 Comments:
分享jquery实现等待效果例子

实现查询等待:正在查询中,请稍后...

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/
2014/5/9 Comments:
javascript中关于(function( window, document, undefined ) {})(window, document)写法的好处和作用

在jquery中我们经常看到以下这段代码:

;(function ( $, window, document, undefined ){
//函数体内具体代码
})(jQuery, window,document);

首先说说非常值得提倡的几点:
1、代码最前面的分号,可以防止多个文件压缩合并以为其他文件最后一行语句没加分号,而引起合并后的语法错误

2014/4/25 Comments:
jquery ajax应用中iframe自适应高度问题解决方法

iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可。

代码如下:

代码如下:

//公共方法:设置iframe的高度以保证全部显示数据
//function SetPageHeight() {
//    var iframe = getUrlParam('ifname');
//    var myiframe = w
2014/4/15 Comments:
jQuery中阻止冒泡事件的方法介绍 stopPropagation preventDefault

一、冒泡事件简介

当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行。
比如:div下的a都有click事件,点击a的时候,会alert出现2次。这个现象叫做冒泡事件。


这个事件从原始元素开始一直冒泡到DOM树的最上层。
目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,
并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事 件处理器添加到一个元素上,
等待一个事件从它的子级元素里冒泡上来,并且可以很方便地得知这个事件是从哪个元素开始。
注意:
blur、focus、load和unload

2014/4/15 Comments:
jQuery操作表格(table)的常用方法、技巧汇总

以下列出13个jQuery操作table常用到的功能:

1.鼠标移动行变色

代码如下:
$('#table1 tr').hover(function(){
    $(this).children('td').addClass('hover')
}, function(){
    $(this).children('td')
2014/4/15 Comments: