自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Dawn

我是菜鸟~~

  • 博客(31)
  • 资源 (3)
  • 收藏
  • 关注

原创 给图片加边框

给图片加边框 *{ margin: 0; padding: 0;} .photo-border{ position: relative; width: 220px; height: 220px; margin: 50px auto;} .photo-border img{ display:block;} .photo-border a{ position: absolute;

2012-07-02 14:20:52 678

原创 《深入浅出JavaScr》学习笔记

数据和判定JavaScript有三种基本的数据类型:字符(String);数字(Number);布尔值(Boolean);还有两种不同的基本数据类型:空(null);未定义(undefined);他们不保存信息,只是用来作为警告。prompt()方法:prompt()方法有两个参数,第一个是显示的描述性文字,第二个默认值。显性的转换数据:Number

2012-06-24 17:29:04 473

原创 tag~~

这样的文字内容不固定、数量不固定的标签结构我用了ul>li>a来写,现在看来有点小问题,不如用div>a这样结构更为零活。下面代码的问题是在IE7与IE6下,最后一行的margin-bottom值显示不出来。 Test *{margin:0; padding:0;} li{list-style:none;} .box{width:300px; backgrou

2012-05-25 15:23:21 416

原创 css问题整理

1、li下面3px空白问题;2、父级高度未定,子元素margin-bottom;IE8下,最后一个失效。

2012-05-24 17:46:39 301

原创 box-shadow

选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow和text-shadow一样可以使用一个或多个投影,如果使用多个投影时必须需要用逗号“,”分开。取值:box-shadow属性至多有6个参数设置,他们分别取值:阴影类型:此参数是一个可选值,如果不设值,其默认的投影方式是外阴影;如

2012-05-16 11:05:20 371

原创 border 写的小三角

*{ margin:0; padding:0;} body{ background:#ccc;} .less{ border-style:solid dashed dashed dashed; border-color:red transparent transparent transparent; border-width:10px 10px 0 10px;} .more{ bord

2012-05-14 18:13:10 2851 1

原创 shell 简单的文件上传

#!/bin/bashftpPath=$1lcdPath=$2ftp -v -n 192.168.92.1<<EOFuser administrator 123cd $ftpPathlcd $lcdPathpromptmput *byeEOF还不会写上传文件夹的~~

2012-05-07 21:23:23 815

原创 linux Ftp常用命令整理

1、连接Ftpftpftp open 址址输入用户名和密码2、上传文件put 文件名 3、下载文件get 文件名 本地目录/本地文件名4、进入本地路径lcd 本地目录5、删除ftp上文件delete 文件名6、上传多个文件mput 文件名 文件名7、查看本地文件!ls8、退出ftp!;bye

2012-05-06 15:44:25 364

原创 mac下svn常用命令

用上了mac感觉自己都高级了好多,哈哈哈各种命令呀~~1、checkout  将文件保存到本地目录下svn checkout svn地址简写: svn co2、添加文件向目录中添加新文件时,先要创建新文件,然后再 svn add 文件名svn vi test.txt输入内容,然后esc ,输入:输入wq这样新文件就创建出来了,然后再svn add tes

2012-04-26 14:19:24 3034

转载 用getBoundingClientRect()来获取页面元素的位置

以前绝大多数的使用下面的代码来获取页面元素的位置:var _x = 0, _y = 0;do{_x += el.offsetLeft;_y += el.offsetTop;}while(el=el.offsetParent);return {x:_x,y:_y};这里有个”offsetParent”问题,所以要写很多兼容的代码,经过不懈的查找终于找到getBoun

2012-04-16 21:18:54 797

原创 i++,++i

i=1;j=++i;i与j的值都是2;i=1;j=i++;i的值是2,j的值是1.

2012-04-09 22:41:49 273

原创 变量

函数中声明的所有变量,无论是在哪里声明的,在整个函数中它们都是有定义的。var scope='global';function f() {alert(scope);var scope='local';alert(scope);}f();

2012-04-08 15:13:22 194

原创 传值和传址

传值:在赋值过程中,对实际的值制作了一份拷贝,这份拷贝存储到一个变量、对象属性或数组元素中。传址:数值只有一份真实的拷贝,被操作的是对该值的引用地址。基本数据类型通过传值来操作,而引用类型,通过传址来操作。对象是引用类型,数组和函数是对象的特殊类型,因此也是引用类型。字符串是通过传值来比较的。

2012-04-07 22:29:29 304

原创 2012-4-2一些小记录~~

1、tpl文件是smarty模板文件;2、inc文件是include file文件;3、http://www.php100.com/manual/smarty/中文手册;4、var flt=432.54;var int=parseInt(flt,8); // 认为flt是8进制的,用parseInt(flt,8)得到相应的10进制数var oct=flt.toString(

2012-04-02 19:35:11 262

原创 一个简单的手风琴效果

.type-wrapper{ width:690px; height:84px; border:1px solid #8fb841; background:#edf6dc; margin:28px auto;}.type { width:690px; height:84px; overflow:hidden;}.type li{ position:relative; float:left; w

2012-03-28 15:26:10 468

原创 右侧浮动菜单

右侧浮动菜单 #floatElement{ position:absolute; right:40px; top:50px; width:150px; height:250px; background:green;}window.onload=function(){ var timer=null; window.onscroll=function(){ var el

2012-03-23 23:56:16 1336

原创 记录一下运动效果的思路

1、从一个目标点到另一个目标点的运动效果: var timer=null; function 运动(){ var 速度=5; if(obj.offsetLeft==目标位置){ clearInterval(timer); }else{ obj.style.left=obj.offsetLeft+速度+'px'; } } function

2012-03-20 23:22:41 275

原创 设置、获取、删除cookie

function setCookie(name,value,date){ value=escape(value); var nowDate=new Date(); nowDate.setMonth(nowDate.getMonth()+date); cookieDate=nowDate.toGMTString(); document.cookie=name+'='+v

2012-03-17 21:22:52 267

原创 判断浏览器类型

这是在网上找到的代码: function WhatBrowser(){ var str=navigator.userAgent; var BrowserS=['MSIE 9.0','MSIE 8.0','MSIE 7.0','MSIE6.0','Firefox','Opera','Chrome']; for(var i=0;i<BrowserS.length;i++){

2012-03-13 18:12:44 340

原创 white-space

white-space值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。pre-wrap保留空白符序列,但是正常地进行换行。

2012-03-07 14:04:06 551

原创 IE6,7中的inline-block

简单的测试了一下,在IE6,7中,1、如果元素是block,设置display为inline-block时,不生效;2、如果元素是inline,设置display为inline-block时,生效;3、兼容IE6,7的方法是*display:inline; *zoom:1;4、inline元素在代码排版中要一行显示,不然相互之间会有小空格。display:inl

2012-03-06 13:45:41 515

原创 margin重叠问题

margin重叠问题的解决办法:父级:overflow:hidden、padding:1px、border:1px soild #000、 float:left子级:float:left

2012-03-03 16:15:00 331

原创 indexOf()练习,查找某个字符出现的次数

var myString='abcadaefaaghai'; var position=0; var count=0; while(position!=-1){ position=myString.indexOf('a',position); if(position!=-1){ count++; position++; } } alert(count

2012-03-01 15:53:01 2304

原创 String.fromCharCode()练习

大写字母A-Z排序 var myString=''; var i=0; for(i=65; i<=90; i++){ myString+=String.fromCharCode(i); } document.write(myString);大写字母Z-A排序 var myString=''; var i=0; for(i=90; i>=65

2012-03-01 13:29:18 685

原创 charCodeAt的练习

function checkCodeType(sAttr){ var returnValue='O'; var charCode=sAttr.charCodeAt(0); if(charCode>='A'.charCodeAt()&&charCode<='Z'.charCodeAt()){ returnValue='C'; }else if(charCod

2012-03-01 00:38:35 715

原创 A-Z,a-z,0-9的unicode编码表

A-Z 的 Unicode 字符编码表 十进制    十六进制1.“A”的 Unicode 编码为:  2.“B”的 Unicode 编码为:  3.“C”的 Unicode 编码为:  4.“D”的 Unicode 编码为:  5.“E”的 Unicode 编码为:  6.“F”的 Uni

2012-02-29 22:19:52 57731 3

原创 函数毕包

function myFunction1(){ var str='Hi~~'; function myFunction2(){ return str; } return myFunction2();} var run=myFunction1(); alert(run);

2012-02-28 17:48:04 436

原创 左右宽度固定,中间自适应

左右宽度固定,中间自适应 *{ margin:0; padding:0;} body{ font-size:12px; background:#F3F3F3;} .wraper{ width:400px; height:200px; overflow:hidden; margin:200px auto; background:#FFF;} .wraper .side{ float:lef

2012-02-21 17:30:07 584

原创 2012-2-20

1、white-space:nowrap; 可以将文字显示为一行,不换行,直到遇到才换行,这个要记住啊,老是忘。2、&nbsp IE下面锚点内容不能为空,要放入一个空空格,不然锚点会不生效。3、win7下 IETester崩溃问题的解决办法是IE的Internet选—连接—LAN设置中所有选项都不勾选。

2012-02-20 22:43:30 303

原创 最简单的数组去重

var Arr=['quequ','stack','protopyte','customer','previous','stack','previous','stack']; var newArr=[]; var i=0; function toCompare(term,obj){ var fettle=true; for(i=0; i<obj.length; i++){

2012-02-12 00:41:48 418

转载 IE6、7、8实现盒阴影

/* For IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Dire

2011-11-22 10:30:45 462

WampServer2.1a-x32

Wamp就是Windows Apache Mysql PHP集成安装环境,即在window下的apache、php和mysql的服务器软件。

2012-03-28

TortoiseSVN v1.7.1 汉化官方安装版

TortoiseSVN v1.7.1 安装与汉化包,分享给大家。

2012-01-29

最新CSS手册 CSS3

最新、最全的CSS手册,通俗易懂。工具手册,FE必备。

2011-12-10

空空如也

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

TA关注的人

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