前端露 - 博客园

2013年1月23日

摘要：最近在看一部小说，特别喜欢里面的一句话：如果世界上曾经有那个人出现过，其他人都会变成将就。有时候不接受别人，是不想就这么将就，自以为他还会出现。但是最后他还是没有出现，或者出现了，但是回不去了。这个时候就应该应该放手，千万不要浪费自己的青春。阅读全文

posted @ 2013-01-23 09:33 前端露阅读(137) 评论(0) 推荐(0)

2013年1月22日

jquery瀑布流

摘要： <!doctype html><html><head> <meta charset="utf-8"> <title>瀑布流布局</title> <style type="text/css"> body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; } /*瀑布流布局样式*/ #lxf-box { position: relative; wid 阅读全文

posted @ 2013-01-22 20:42 前端露阅读(561) 评论(0) 推荐(0)

2013年1月14日

图片定时滑动，左右滑动 jquery

摘要：效果：点击黄色和土黄色的扇形按钮可以进行图片的切换。扇形使用css3写的。Two。。。Six对应每张图片。这个图片用到阴影和圆角，都是用css3的。可以做到定时滑动图片。$(document).ready(function(){ var previousPic = 1;//当前图片的序号 var currentPic = 1;//即将显示的图片序号 var images = $("#slide").find("img").length; var width = $("#slide").width(); //#slide的宽度 var 阅读全文

posted @ 2013-01-14 20:48 前端露阅读(951) 评论(0) 推荐(0)

2012年12月27日

使用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 前端露阅读(18509) 评论(1) 推荐(2)

2012年12月25日

Html5 + Css3学习

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

posted @ 2012-12-25 15:45 前端露阅读(362) 评论(0) 推荐(1)

2012年12月23日

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)

2012年12月21日

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)

2012年12月20日

感想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 前端露阅读(384) 评论(2) 推荐(0)

2012年12月14日

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 前端露阅读(825) 评论(0) 推荐(0)