- 博客(18)
- 收藏
- 关注
原创 图片滚动效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">图片滚动效果.scroll{ position:relative; width:600px; background-color:#CCC; padding:2px; height:1
2012-03-30 21:31:09 655
原创 用jquery实现演示日历的效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档#startTime,#endtime{ /*background-color:#03C;*/ }$(document).ready(function(){
2012-03-29 19:31:46 1789
原创 用jquery实现拖拽的效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">拖拽效果$(document).ready(function(){ $("#draggable").draggable({ //revert:true, //返回原始位置
2012-03-29 19:30:32 825
原创 jquery插件实现弹出对话框
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">弹出对话框 //当窗体加载完毕的时候 触发该匿名函数 //$(document) //把dom对象转换成jquery对象 //$(document).ready
2012-03-28 19:06:12 661
原创 jquery插件手风琴的效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">手风琴的效果 $(function(){ // var option = { header: "h3",s }; //[{},{},{}]
2012-03-28 19:01:13 566
原创 trigger触发图片控制
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">trigger触发图片控制事件 $(document).ready(function (){ // 利用toggle方法控制元素的显示和隐藏 // $("#btn1").tog
2012-03-27 20:30:36 882
原创 jquery实现表格的收缩
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档$(document).ready(function (){ //先找到所有的class=parent的tr $('tr.parent').click(function (){
2012-03-26 20:27:15 911
原创 jquery选择器的知识点
内容选择器4个: :contains("内容")判断某个元素是否包含指定的内容 :empty 判断某个元素是否为空(没有子元素或者文本内容) :has(p|.class) 判断某个元素(div)是否含有指定的 另外的元素(p)或者是否包含指定class的元素 :parent 是否有子元素(文本、标签),如果有则被选中可见度选择器2个: :hidden 表示匹
2012-03-22 20:25:26 547
原创 用jquery实现选项内容的左右移动
http://www.w3.org/1999/xhtml">下拉菜单实现左右移动//使用jquery加载事件$(document).ready(function(){ $("#lmove").click(function(){ $(".left option:selected").appendTo(".right "); }); $("#rmove
2012-03-21 20:37:17 1061
原创 用jquery实现隔行变色
//-------------------处理隔行变色------------ /* jquery实现表格的隔行变色思路: 1)获取所有的tr 2)遍历tr 3)处理当鼠标移动到上面的时候获得颜色,当离开的时候恢复颜色 */ $("tr").each(function(index,domEle){ if(index%2==0){ $(do
2012-03-21 20:31:58 604
原创 jQuery选择器
1)基本选择器 2)层次选择器3)过滤选择器 4)表单选择器1、jQuery基本选择器:$("#id"):根据给定的id匹配元素$(".myclass"):根据类名匹配元素$(“*”): 选取html页面中所有的元素$(“div”):选取html页面中所有的div元素$(“div,span,myclass”):选取所有的一组元素2、层次选择器$(
2012-03-20 19:54:07 373
转载 jQuery对象和dom对象的联系、区别和转换
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是
2012-03-19 19:39:34 425
原创 ajax+js+dom+json+php+mysql 实现google suggest效果
/*设文本框的样式*/ #inputStr{ width:300px; } /*设置div的样式*/ #suggest{ width:304px; position:absolute; margin-left:96px; overflow:auto; /*滚动条*/ } /*设置ul的样式*/ #
2012-03-09 15:27:37 382
原创 全选和反选
function SelectAll() { var checkboxs=document.getElementsByTagName("input"); for (var i=0;i var e=checkboxs[i]; e.checked=!e.checked; }}全选/反选
2012-03-08 20:32:56 408
转载 javascript中的json
JavaScript这种编程语言首要的目的是为Netscape Navigator提供一种页面脚本语言。它仍被普遍的认为是Java的一个子集,但事实并非如此。它是一种语法类似c语言并且支持面向对象的Scheme-like语言。JavaScript使用了ECMAScript语言规范第三版进行了标准化。 JSON是JavaScript面向对象语法的一个子集。由于JSON是JavaScript
2012-03-07 20:01:44 302
原创 ajax+js+dom实现隔行变色效果
Interlaces.css.top{ background-color:#F00; color:#006; } table{ border:1px #C06 dashed; border-collapse:collapse; } th,td{ border:#999 1px solid;
2012-03-07 08:15:52 541
原创 ajax+js+dom+php+mysal实现仿百度、Google的超强分页
分页实现的思路1)当前页 nowPage2)每页的大小 pageSize3)总页数 pages 上取整(总记录数/每页大小)include "../include/dbConn.php";/*几个关键的变量:当前页,总页数,每页大小*///定义当前页if(isset($_GET['np'])){$nowPage=$_GET['np'];}else{
2012-03-05 20:38:51 634
原创 ajax+dom+php+mysql实现多级联动效果
.html文件 var objectId=""; //定义函数,获取数据库的省份数据 function getArea(id,objid){ objectId=objid; //定义url var url="ajax-area-select-server.php"; //定义参数 var params="id="+id;
2012-03-05 08:30:05 475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人