2012年03月_HUMHSX

原创 jQuery UI 实现仿购物车功能简洁的js

效果图无标题文档$(function (){$("#catalog").accordion(); //手风琴效果 $("#products li").draggable({ //添加拖拽效果 connectToSortable:"#ui-widget-content ol", //向ol中添加元素 appendTo:"bod

2012-03-29 23:38:30 6699

原创使用jQuery插件实现添加用户

无标题文档 $(function (){ //利用jQuery获取输入的信息 var $name=$("#name") ; var $mail=$("#email"); var $paw=$("#password"); $("#create-user").dialog({ autoOpen:false, //设置对话框的打开方式不是自动打开

2012-03-28 21:53:54 1071

原创使用jQuery插件实现模拟dialog的遮罩效果

无标题文档$(function (){ $("#dialog").dialog({ autoOpen:false, //设置对话框的打开方式不是自动打开 show:"blind", //打开时的效果 hide:"explode" ,//关闭时的效果 modal:true , //遮罩效果 false 非遮罩效果 /* buttons:{//添加按钮操作

2012-03-28 19:30:41 3348

原创使用jQuery实现模拟手风琴效果

无标题文档$(function (){ $("#accordion").accordion({ header:"h3",//设置它的开头内容 event:"mouseover",//设置面板展开的事件效果，默认为click active:0, //设置面板默认展开的索引值从0开始 animated:"bounceslide", //面板展开的

2012-03-28 19:21:54 1128

原创用jquery实现菜单的伸缩功能

伸缩菜单$(document).ready(function (){ //找到所有的span，并且点击span以后，控制一下元素div的显示和隐藏$("span").click(function (){ $(this).next().toggle("slow"); }); //初始化时隐藏状态 $(".menu").each(function (i

2012-03-27 22:45:09 2560 1

原创选中checkbox框实现表格的隔行变色（二）

.once{ background-color:#0FC; }.after{background-color:#F00; } .selected1{ background-color:#33C; }无标题文档//使用jquery绑定事件$(document).ready(function (){ /

2012-03-27 17:38:03 865

原创点击单选按钮实现表格的隔行变色

/*定义了三个样式*/.once{ background-color:#0FC; }.after{background-color:#F00; } .selected1{ background-color:#33C; }无标题文档//使用jquery绑定事件$(document).ready(function ()

2012-03-27 17:36:04 1411

原创 jquery中的触发事件的triggle 冒泡事件

无标题文档//使用jquery绑定事件$(document).ready(function (){ $("p").bind("myEvent", function (event, message1, message2) { alert(message1 + ' ' + message2);});$("p").trigger("myEvent", ["Hell

2012-03-27 14:54:24 1397

原创 jquery选择器的总结

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的cs

2012-03-23 16:10:47 604

原创 jquery实现动态添加和删除表格

无标题文档$(document).ready(function (){ $("#submit").click(function (){ //先获取文本框的值 var $name=$("#name").val(); var $email=$("#email").val(); var $phone=$("#phone").val(); //创建tr、td并且

2012-03-22 21:07:07 6616 1

原创 php简单分页和 jquery实现超简单的隔行变色

无标题文档$(document).ready(function (){ $("tr:even").css("background","#00FFFF"); $("tr:odd").css("background","#FFD700"); });<?php//加载连接数据库的文件include "dbconn.php";//定义几个变量

2012-03-20 20:52:49 1219

原创 jquery学习笔记（-）

Jquery学习笔记（-）Jquery的简介Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供。当DOM载

2012-03-19 19:58:47 486

原创仿百度的智能提示功能

ajax+php+dom+json+mysql实现googl搜索的效果#inputStr{ width:300px; }#suggest{ width:305px; position:absolute; margin-left:85px; overflow:auto; }#suggest.show{ border:1px solid #999;

2012-03-12 23:19:14 1427

原创 js实现的下拉菜单的左右移动

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 function move(right,left){ //获取右侧节点 var right=document.getElementById(right);

2012-03-08 08:21:48 1756

原创 ajax的学习笔记

Ajax 技术简介 Ajax Ajax的同步异步交互 innerHTML innerTEXT Ajax的基本组成Xhtml css Javascript Xml HttpRequestAjax使用的基本步骤： 1、初始化ajax引擎 readyState == 0(刚建立)封装url ，设定要请求的路径

2012-03-04 22:31:20 899 1

原创利用php mysqsl dom 实现省市县三级联动

//html文件//加上php文件从数据库中获取数据利用php mysqsl dom 实现省市县三级联动http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">实现多级联动效果var objectID="";function g

2012-03-02 00:16:16 1704

HUMHSX的专栏