2012年03月_zhangwei10php

原创 jQuery的核心函数

$(expr)说明：该函数可以通过css 选择器，Xpath 或html 代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html 字符串例子：未执行jQuery 前：onetwothreejQueryjQuery 代码及功能：function jq(){alert($("div > p").

2012-03-30 19:55:04 467

原创 jQuery 日历插件

日历插件：　　在页面开发中，经常遇到需要用户输入日期的操作。通常的做法是，提供一个文本框，让用户输入，然后，编写代码验证输入的数据，检测其是否是日期型。这样比较麻烦，同时，用户输入日期的操作也不是很方便，影响用户体验。如果使用jQuery UI 中的datepicker日历插件，这些问题都可以迎刃而解。该插件调用的语法格式如下：$(".selector").datepicker(optio

2012-03-29 19:35:51 2138

原创 jQuery　选项卡插件

选项卡在页面中的使用非常广泛，因为以选项卡的形式可以实现使用少量的空间展示更多内容的效果。同时，其快速切换的效果，也增加了用户的体验。在jQuery UI中，通过在页面中导入tabs插件，并调用插件中的tabs()方法直接针对列表生成对应菜单，轻松实现这种选项卡的功能。　tabs的常见参数如下：　collapsible 是否可折叠选项卡的内容，设置一个布尔值。如果为true,那么，允

2012-03-28 16:51:40 425

原创 jQuery UI 微型插件

jQuery UI插件折叠面板可以实现页面中指定区域的折叠效果，这种效果俗语“手风琴”，即通过单击某块面板中的标题栏，就会展开相应的内容，当单击其他面板标题栏时，已展开的内容会自动关闭，通过这种试，实现多个面板数据在一个页面中有序展示。其调用的语法格式为：　　accordion(options) 其中选项options常用的参数有如下几项：　　animated 设置

2012-03-28 16:40:42 739

原创 jQueryUI插件实现accordion效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">实现手风琴效果 $(function(){ $("#accordion").accordion({ header:"h3", //头信息 event:"m

2012-03-28 16:25:45 1158

原创 jQueryUI插件实现tabs效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档$(function(){ $("#tabs").tabs({ event:"click", fx:{ opacity:'toggle'

2012-03-28 16:21:55 404

原创使用jquery实现弹出窗口效果（居中、左下角、右下角）

JS代码：// 定义一些变量//获得窗口的高度var windowHeight;//获得窗口的宽度var windowWidth;//获得弹窗的高度var popHeight;//获得弹窗的宽度var popWidth;// 获取滚动条滚动的高度var scrollTop;//获取滚动条滚动的宽度var scrollLeft;//延迟时间

2012-03-27 20:50:41 2866

原创 jquery对表格的操作

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 .even{ background-color:#cccccc; } .odd{ background-color:#ffff99;

2012-03-26 21:21:38 350

原创 jquery_2

4, 插入节点传统的javascript 方法，插入节点:比如：appendChild() :给元素追加一个子节点，新的节点插入到最后。var container = document.createElement("p");document.body.appendChild(container);insertBefore() :顾名思义，就是把一个新的节点插入到目

2012-03-21 21:43:19 250

原创 javascript和jquery的dom对比

1 , 创建元素节点传统的javascript 方法，创建元素节点var a = document.createElement("p");jQuery 中创建节点的方法是：$('');和createElement()一样，创建出来的新元素节点不会被自动添加到文档里。如果想把它添加到文档里，可以使用jQuery 中的append()或者insertAfter()方法或者b

2012-03-20 21:04:32 322

原创 jquery基础

1. addClass() removeClass() 添加与删除指定的类名2. append(content) 添加内容到对象3. appendTo( string expr) 添加到被加对象中去4. attr(string name) 取得第一个匹配元素的属性值5. attr(string key,object value) 为所有匹配的元素设置一个属性值6. before

2012-03-19 20:42:00 504 1

原创 JS带链接的滚动字幕

//设置marquee的宽度 (in pixels)var marqueewidth=400//设置marquee的高度 (in pixels, 该参数只适用于NS)var marqueeheight=20//设置marquee滚动的速度(数值大速度快)var speed=4//设置marquee显示内容，使用标准的HTML语法。var marqueecontents=

2012-03-09 15:25:26 357

原创 JavaScript实现图片的渐显播放

JS 部分:sandra0 = new Image();sandra0.src = "image1.gif";sandra1 = new Image();sandra1.src = "image2.gif";sandra2 = new Image();sandra2.src = "image3.gif";var i_strngth=1var i_image=

2012-03-08 20:25:56 355

原创聊天室完善

session_start(); //引入验证防跳墙 include("checkUser.php");?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 body{ margin:0px; paddi

2012-03-07 21:17:18 320

原创 Ajax+js+dom+php+mysql实现聊天室(部分)

include 'checkUser.php';?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档#chatContent{width:500px;height:300px;background-color:#FF

2012-03-06 22:33:17 619

原创 AJAX+js+dom+php+mysql分页

include "./include/dbConn.php";//定义当前页if(isset($_GET['np'])){$nowPage=$_GET['np'];}else{ $nowPage=1; }//查询数据库，得到总的记录数$rs=mysql_query("select count(*) from area");$rowNum=mysql_res

2012-03-05 19:25:06 613

原创 AJAX实现三级联动（关键代码）

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">ajax+dom+php+mysql实现多级联运效果var objectId="";//定义函数，获取数据库的省份数据function getArea(id,objid){ o

2012-03-01 20:57:15 623

zhangwei10php的专栏