- 博客(16)
- 收藏
- 关注
原创 jQuery UI 实现 仿购物车功能 简洁的js
效果图无标题文档$(function (){$("#catalog").accordion(); //手风琴效果 $("#products li").draggable({ //添加拖拽效果 connectToSortable:"#ui-widget-content ol", //向ol中添加元素 appendTo:"bod
2012-03-29 23:38:30 6700
原创 使用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 866
原创 点击单选按钮 实现表格的隔行变色
/*定义了三个样式*/.once{ background-color:#0FC; }.after{background-color:#F00; } .selected1{ background-color:#33C; }无标题文档//使用jquery绑定事件$(document).ready(function ()
2012-03-27 17:36:04 1412
原创 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 1428
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人