自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除