摘要：
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ为事件委托提供了live（）、dalegate（）和on（）方法。事件委托我们知道，DOM在为页面中的每个元素分派事件时，相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div > a 这样的结构中，如果单击a元素，click事件会从a一直冒泡到div和body（即document对象）。因此，发生在a上面的单击事件，div和body元素同样可以处理。而利用事件传播（这里是冒泡）这个机 阅读全文
摘要：
官方地址：http://docs.jquery.com/UI/Datepicker，官方示例： http://jqueryui.com/demos/datepicker/。 一个不错的地址，用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/DatePicker基本使用方法：代码如下:<!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base 阅读全文
摘要：
官方API地址：http://jqueryui.com/demos/sortable/所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克隆对象 ui.position - 表示相对当前对象，鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面，鼠标的坐标值对象{top,left} ui.item - 表示当前拖拽的元素 ui.placeholder - 占位符（如果有定义的话） ui.sender - 当前拖拽元素的所属sortab. 阅读全文
摘要：
[原文翻译]JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动.Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging.如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标.所有的回调函数(start, stop, drag等事件)接受两个参数: event: 浏览器原生的事件ui: 一个JQuery的ui对象, 其中有以下主要属性 ui.helper: 正在拖动的元素的JQuery包装对象, ui. 阅读全文
摘要：
·概述配合draggable插件，允许拖放到任何DOM元素内。官方示例地址：http://jqueryui.com/demos/droppable/ 所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象ui.draggable - 表示当前被拖拽的元素的JQuery对象ui.helper - 表示当前被拖放的元素的JQuery对象ui.position - 表示当前被拖拽的相对坐标值对象{top,left}ui.offset - 表示当前被拖拽的元素的绝对坐标值对象{top,left}·参数（参数名 : 参数类型 : 默认值）ac 阅读全文
摘要：
现在的网页设计上经常会涉及到表单的可以用性的设计，那表单的提示文字功能就很必要了，这样大大的提升了用户体验的满意度。我利用到了现在比较流行的JQ框架来实现此功能。首先是导入JQ文件：<script type="text/javascript" src="js/jquery.min1.js"></script>新创建一个js文件，命名为input_default.js，并在导入此文件：<script type="text/javascript" src="js/input_default.js&q 阅读全文
摘要：
对于网站前端上传的图片，在后台处理时有必要对其进行缩放以生成大小统一的缩略图。在PHP中，可以很方便的使用GD库来完成这一任务。下面的CImage类的静态方法CreateThumbnail()函数可以接受原图像文件名称，缩略图宽高，生成的缩略图文件名称等参数来生成保持原图纵横比的缩略图。函数基本上体现了PHP生成缩略图的方法，功能上还可以作进一步的扩充，如根据缩略图文件名称来生成指定格式的缩略图。完整代码如下（Win7+XAMPP2.5及Linuxdev 2.6.18-128+apache测试通过）： 1 //by MoreWindows (http://blog.csdn.net/MoreW 阅读全文
摘要：
最近在学习JQ动画，收集一些JQ动画的一些基础知识跟大家分享下！加载DOM执行$(document).ready(function(){})简写：$(function(){})4.1.2 事件绑定在文档加载完成后，为元素绑定事件bind(type[,data],fn)type: 事件类型： 包括blur,focus,click等第2个可选参数 作为event.data属性传递给事件对象的额外数据对象egfunction handler(event) { alert(event.data.foo);}$("p").bind("click", {foo: & 阅读全文
摘要：
在页面中，设置三个不同名称的选项卡，当点击选显卡的时候，下面对应的区域显示器内容信息，同时选项卡的背景色与内容信息的背景色浑然一体，并且字体加粗，表示处于选中状态。以下为实现代码：<!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">< 阅读全文
摘要：
通常我们网站上的新闻信息是存储在数据库中的，这样我们需要用php来获取到数据库里面的新闻信息，再加以展示，下面用我们公司的新闻模块来说说其中的应用到的方法，此新闻模块有首先是一个新闻列表，其中展示出新闻的标题（title），发表时间（time），还有截取固定长度的新闻信息一坐新闻列表展示的内容，具体该如何实现呢。首先是查询数据库啦，将需要的数据都查询出来：$result = mysql_query('select * from our_news where news_type in(1,3,4,5,6,7,8)');然后用while方法把查询出来的额数据循环echo出来。代码如 阅读全文