undefined001-优快云博客

原创 jquery那点事之下拉菜单

导航栏 $(function(){ $("li.level1>a").click(function(){ var oUl=$(this).next(); if(oUl.is(":visible")){ oUl.hide(400); }else{ oUl.show(500).parent().siblings().children("ul").hide(); } }

2014-09-26 10:40:26 409

原创 jquery那点事之animate

无标题文档 #div1{ width:100px; height:100px; position:absolute; top:0; left:0px; background:blue; } $("#div1").click(function(){ $(this).animate({width:400, height:700,left:333, top:466,opacity

2014-09-25 18:29:21 472

原创 jquery那点事之写轮播图

无标题文档 #outer{ margin:50px auto; position:relative; width:400px; height:210px; overflow:hidden; } #inner{ width:2000px; position:absolute; top:0; left:0; height:210px; } #inner div{ width:400px; heig

2014-09-25 17:31:51 542

原创 jquery那点事之写选项卡

无标题文档 body{ background:#996; margin:0;} .tabPannel{ width:650px; margin:10px auto;} .tabPannel ul.tabGroup{ margin:0; padding:0; list-style:none;} .tabPannel ul.tabGroup li.tab{ white-space:nowrap; p

2014-09-25 15:30:51 352

原创关于DOM的那点事之insertAfter

insertAfter 第一个第二个第三个第四个 var oUl=document.getElementById('ul1'); var oLis=oUl.getElementsByTagName('li'); var oLi=document.createElement('li');

2014-09-24 15:19:31 399

原创关于DOM的那点事之创建、追加、删除

DOM 第一个第二个第三个第四个 var oLi=document.createElement('li'); var oUl1=document.getElementById('ul1'); oUl1.appendChild(oLi); var oText=document.cr

2014-09-24 15:18:45 331

原创定时器实现动画的一个例子

定时器实现动画 #div1{ width:100px; height:100px;position:absolute; top:0; left:900px; background:#F00} span{ position:absolute; top:110px; left:20px; background:green; width:50px; margin:10px; height:20px}

2014-09-23 19:05:17 1518

原创时钟、定时器的一个例子

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 时钟、定时器 #clock{ height:20px; background:#000; color:#FFF} timer=null; function myCl

2014-09-23 18:05:39 269

原创日历之完美版-添加了输入框

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 日历 #calendar{ width:200px; background:pink; margin:5px; overflow:hidden; position:absolute; z-index:10

2014-09-23 13:20:59 399

原创日历之完整版

日历 #calendar{ width:200px; background:pink; margin:5px; overflow:hidden;} #calendar h6{ position:relative; text-align:center;padding:0; margin:0; font-size:16px} #calendar h6 span{ position:absolute;

2014-09-23 11:04:07 360

原创日历之静态页面

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 #calendar{ width:200px; background:pink; overflow:hidden; padding:5px} #calenda

2014-09-22 18:35:21 417

原创日历之准备工作1

var d=new Date; d.setDate(1); var n=1-d.getDay(); d.setDate(n); for(var i=0;i var oDiv=document.createElement("div"); oDiv.innerHTML=d.getDate(); document.body.appendChild(oDiv); d.s

2014-09-22 16:21:16 317

原创 Date类的一些细节

var d=new Date; var year=d.getFullYear(); var month=d.getMonth();//月份从0开始 var date=d.getDate(); var day=d.getDay();//星期几，从周日为0开始 var h=d.getHours(); var m=d.getMinutes();

2014-09-22 16:15:18 315

原创正则之replace的三个小示例

var str="12234522356"; var a=["零","壹","二","三","四","五","六","七","八","九"]; var result=str.replace(/\d/g,function(str,i){ return ""+a[str]; }) alert(result);

2014-09-22 10:28:21 355

原创作用域闭包 this关键字

//this //第一人称我 //只有function中有this //this是谁，和在哪定义和执行的function没半毛钱关系，只跟这个函数执行的时候是谁调用的有关,换句话说this就是函数执行的主体 //方法名(); 我们只需要关注方法名之前有没有.，没有就是window，有的话是谁，那么this就是谁 //给一个元素绑定事件，那么this就是这个元素

2014-09-17 16:43:51 482

原创关于预解释

当HTML代码运行到script标签的时候，就会行成一个全局的作用域window，首先找到带var关键字的，然后在这个作用域下给挖个坑，紧接着从上到下执行，基本数据类型在当前作用域下就开了一个值，并且让这个值和我们var的那个变量联系在一起；对象数据类型与其不同的地方就是，他不能直接在当前作用域下开空间，他是单独的开辟了一个新的空间，并且让这个空间的内存地址和我们var 的那个变量产生关

2014-09-17 16:23:07 560

原创数组的23个方法

数组的23个方法 push //返回长度 var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "");//George,John,Thomas document.write(arr.p

2014-09-17 15:46:46 340

原创纯css写的一个手风琴效果

纯css写的一个手风琴效果 * { margin: 0; padding: 0; } body{background: #eee} .e-warp { width: 600px; height: 250px; overflow: hidden; margin: 100px auto; border-radius: 5px; box-shadow:

2014-09-17 13:34:02 605

原创点击按钮弹出当前是第几个

var oBtns=document.getElementsByTagName("input"); for(var i=0;i ;(function(i){ oBtns[i].onclick=function(){ alert("当前是第"+(i+1)+"个按钮！")}})(i); }

2014-09-17 12:27:12 502

原创数组去重复

var a=[1,2,3,4,5,5,5,5,5,1,1,2,3,4,5,7,7,7,11,2,78,12]; Array.prototype.distinct=function(){ var a=this; var obj={}; for(var i=0;i if(obj[a[i]]!=a[i]){ obj[a[i]]=a[i]; }e

2014-09-17 12:05:03 360