• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
前端露
博客园    首页    新随笔    联系   管理    订阅  订阅
12 2012 档案
使用css3制作正方形、三角形、扇形和饼状图

摘要:1.利用边框制作正方形如果将盒容器的width和height设置为0,并为每条边设置一个较粗的width值和彼此不同的颜色,最终会得到四个被拼接在一起三角形,它们分别指向不同的颜色。html代码:<div id="square">11</div>css3代码: #square{ width:0; height:0; border-width:100px; border-style:solid; border-color: red blue green yellow; ... 阅读全文
posted @ 2012-12-27 10:30 前端露 阅读(18517) 评论(1) 推荐(2)
Html5 + Css3学习

摘要:HTML5的新标签元素有:<header>定义页面或区段的头部;<footer>定义页面或区段的尾部;<nav>定义页面或区段的导航区域;<section>定义页面的逻辑区域或内容组合;<article>定义正文或一篇完整的内容;<aside>定义补充或相关内容;对于初学者来说,自己实现简单的页面布局绝对是有必要的。这里通过一个简单的页面布局的例子,来展示上述标签的使用方法。示例:模仿博客首页布局实现如图2-1的网页结构,这是一个非常典型的博客页面:头部、尾部、水平导航栏、侧边栏导航以及内容。下面来具体实现图2-1。分为两 阅读全文
posted @ 2012-12-25 15:45 前端露 阅读(365) 评论(0) 推荐(1)
js 图片滑动

摘要:var speed = 5;var box = document.getElementById("scrollbox");var picBox = document.getElementById("scrollpic");var imgWidth = document.getElementById("pic").offsetWidth;var direction = 'right';slide(speed);function slide(speed){ var timer = setInterval(move,spee 阅读全文
posted @ 2012-12-23 20:54 前端露 阅读(397) 评论(0) 推荐(0)
js树形导航栏 jquery

摘要:效果:/** * @author Administrator */$(document).ready(function(){ init(); });function init(){ $("#firstDd").slideDown(); everyDd(".topTitle");}function everyDd(obj){ $(obj).each(function(){ var theSpan = $(this); theSpan.bind("click",function(){ showHide(... 阅读全文
posted @ 2012-12-21 10:41 前端露 阅读(412) 评论(0) 推荐(0)
感想1

摘要:对于js,我是刚入门,现在坚持每天写一个demo。从仿别人代码开始,我想等写多了,就会熟练。如果大家有什么建议,可以给我留言。谢谢啦! 阅读全文
posted @ 2012-12-20 20:51 前端露 阅读(103) 评论(0) 推荐(0)
js导航条 二级滑动 模仿块级作用域

摘要:for(var i = 1;i<7;i++){ //因为首级标题有6个,对每个首级标题添加mouseover和mouseout事件。 //这里用到块级作用域 (function(k){ document.getElementById("p_"+k).addEventListener('mouseover',function(event){ document.getElementById('p_1').className = 'm_li'; document.getElementById('cp_1').c 阅读全文
posted @ 2012-12-20 16:03 前端露 阅读(385) 评论(2) 推荐(0)
DOM node类型 document类型 element类型 text类型 DocumentFragment类型

摘要:Node类型Html元素通过元素节点表示特性通过特性节点表示注释通过注释节点表示属性通过属性节点表示1.1节点信息nodeType(每个节点都有,表示节点类型),常用的如下:1:element2:attribute3:text9:documentnodeName(元素标签名)nodeValue1.2节点关系每个节点都有一个childNodes属性,其中保存着一个nodeList对象。父节点.childNodes[i] = 父节点.childNodes.item(i) 获得第i+1个子节点父节点.childNodes.length 获得子节点个数父节点.hasChildNodes(); 返回布尔 阅读全文
posted @ 2012-12-14 21:45 前端露 阅读(831) 评论(0) 推荐(0)
javaScript 对象继承

摘要:7.继承7.1原型链function superType(){ this.property = true; this. superA = 12; }superType.prototype. superA = 23; superType.prototype.getSuperValue = function(){ return this.property; } function subType(){ this.subproperty } subType.prototype = new superType(); // subType的原型被重新写,此刻super中的属性都变成subType原型中属性 阅读全文
posted @ 2012-12-14 15:25 前端露 阅读(182) 评论(0) 推荐(0)
javaScript Function(函数) 闭包 匿名函数 this对象

摘要:1. Function函数接受的参数类型、个数没有限定。参数在内部是用数组arguments来存储的。因此函数没有重载。可以提供arguments【i】来表示传入的参数4.1创建使用函数声明和函数表达式创建,也可以使用Function()构造函数Function sum(num1,num2){函数声明}Var sum = function(num1,num2){ 函数表达式}解析器会率先读取函数声明,并使其在执行任何代码之前可用;因为在代码执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境,js引擎在第一遍会声明函数并将它们放到源代码树的顶部。函数表达式须等到 阅读全文
posted @ 2012-12-14 15:24 前端露 阅读(886) 评论(0) 推荐(0)
javaScript 创建对象

摘要:6.创建对象6.1 对象创建方式6.1.1 工厂模式 Function createPerson(name,age){ Var o = new Object(); o.name = name; o.age = age; return o;}缺点:没有解决对象识别问题6.1.2 构造函数模式Function Person(name.age){ This.name = name;This.age = age;This.sayName = function(){ Alert(this.name);}}Var person1 = new Person(“jim”,12);以这种方式调用构造函数会经历一 阅读全文
posted @ 2012-12-14 15:24 前端露 阅读(134) 评论(0) 推荐(0)
最近一直在整理javaScript,希望对大家有帮助

摘要:1. Array1.1创建数组var a = new Array();var a = new Array(3);创建包含3个元素的数组var a = Array(3);var s = [1,5.3,8];s[1];访问数组元素a.length返回数组长度1.2检测数组Array.isArray(a);检测a是不是数组1.3转换方法a.toString();将数组转换为字符串,以逗号分隔a.join(“||”); 将数组转换为字符串,以||分隔1.4栈方法a.push(b);将b添加到a的末尾,b可以使任意数量的参数,并返回数组长度a.pop();返回数组的最后一项,并返回该项,同时数组长度自动 阅读全文
posted @ 2012-12-14 10:56 前端露 阅读(162) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3