xijiaoliumang-优快云博客

原创 Javascript中的设置事件/事件对象及事件对象作用

设置事件DOM1级设置事件的方法1.function funcName(){alert();}2.3.var node = document.getElementById("node");node.onclick = function funcName(){alert();}取消事件: node.onclick = nul

2016-02-11 16:53:10 669

原创 JavaScript匿名函数调用

声明一个匿名函数:function f (){alert(1);}众所周知"()"的作用是将前面的函数调用;因此,利用括号将匿名函数提高等级权限,后面跟括号后实现匿名函数的调用可写为:(function f (){alert(1);})();匿名函数调用的好处是:1.程序代码没有停顿,运行到代码处后会立即执行;2.避免后文中声明与函数名相同的变量

2016-02-11 12:09:38 341

原创函数参数的callee关键字实现函数自调用

calee关键字:意思:在函数内部使用,代表当前函数的引用!也就是名字.作用:降低代码的耦合度~耦合度:一处代码的修改导致其他代码发生改变~function f (){arguments.callee();}例如:实现阶乘的函数;function f (n){if (n>0){return n*arguments.callee(n-1);} }

2016-02-11 10:39:06 373

原创 JavaScript中函数的重载

javascript中,在声明函数时,使用的是形参,在调用函数时,使用的是实参.函数声明:function 函数名字(形参1,形参2,形参3){}函数调用:函数名字(实参1,实参2,实参3)();,函数所有的参数默认保存在arguments数组中,函数调用时,实参与形参没有严格的对应要求;例如:function getInfo(){var num = argumen

2016-02-11 10:32:21 315

原创理解盒子的border

Css3中的borderbody{margin:100px;}div{margin:30px;}.div1{border-top:20px solid red ;border-right:20px solid blue ;border-bottom:20px solid yellow ;border-left:20px solid black ;wi

2016-02-11 10:14:28 363

原创利用阴影和过渡制作精美的立体按钮

立体按钮制作 .shadow{ margin:200px; width:250px; height:160px; background-color:#53CAF6; border-radius:50%; text-align:center; line-height:160px; transition:box-shadow

2016-02-11 10:06:28 644

原创网页布局CSS初始化代码

/*CSS初始化*/html,body,div,ul,li,h1,h2,h3,h4,h5,h6,input,span{margin:0;padding:0}body{font:12px/150% "宋体",arial;color:#3c3c3c;}/*设置body体内部的默认字体及行高*/h1,h2,h3,h4,h5,h6{font-size:100%;}/*让所有的标题字体和body

2016-02-11 10:00:16 648

原创网页中Logo的样式代码

.logo{width:168px;height:76px;background:url(../img/logo.jpg) no-repeat;text-index:-9999px;/*内部文字缩进-9999 个像素,避免logo所处的div内部链接文字显示出来*/}.logo a{/*logo内部链接到主页的链接,设置成块级元素*/dispaly:bolck;he

2016-02-11 09:59:01 3979

原创根据设备视口宽度来更换样式表

一个id和name 为viewport 的meta元标签标示约束视口,width = device-width 命令视口宽度变为设备宽度;initial-scale = 1.0, 命令视口宽度默认缩放等级为1;minimum-scale=1.0, 最小缩放等级为1;maximum-scale=1.0, 最大缩放等级为1;user-scalable=no 不允许用户缩放页面

2016-02-11 09:57:09 709

原创利用CSS3媒体查询实现更换样式表

一个id和name 为viewport 的meta元标签标示约束视口,width = device-width 命令视口宽度变为设备宽度;initial-scale = 1.0, 命令视口宽度默认缩放等级为1;minimum-scale=1.0, 最小缩放等级为1;maximum-scale=1.0, 最大缩放等级为1;user-scalable=no 不允许用户缩放页面

2016-02-11 09:55:23 768

原创网页的流式布局

网页的流式布局简单来讲就是网页能够随着浏览器视口大小缩放,这要求在设置元素宽高时多使用百分比.div{width: 80%;height:200px;border:3px solid black;background:red ;margin:0 auto;max-width:800px;min-width:400px;bo

2016-02-11 09:47:53 2148

原创利用Device.js判断设备进行网页布局

1.设备判断首先在html中引入一个device.js库,然后使用内部的方法;设备检测设备var device = document.getElementById("device");//此部分为根据检测设备来更换css样式表;if(device.mobile()){device.innerHTML = "手机";window.l

2016-02-11 09:44:30 1120

原创选择器权重,行内居中

1./*对于span之类的行内元素,如果指定了浮动的话,就相当于display:block,宽和高就会起作用*/2.选择器权重叠加原则标签选择器 1类选择器 10id选择器 100行内选择器 1000例如 div span .bd 权重为12;div span li .bd 权重为13;权重越大,优先级越高;!important 权重无限大;例如:

2016-02-11 09:41:05 411

原创 javascript中循环函数中的return

关于循环语句中的return;函数中的循环语句中有return语句,一旦执行到此语句后,函数即返回一个值,循环体与函数的执行都终止;function hasPlugins(name){name = name.toLowerCase();for(var i=0;iif (window.navigator.plugins[i].name.toLowerCase().indexOf(

2016-02-11 09:34:11 1540

原创菜鸟学前端----图标字体使用详解

字体图标使用方法字体图标最大的优点就是可以用代码修改样式,看过几个关于使用字体图标的教学视频,我认为最重要的还是学会根据开发人员提供的demo来学习使用,这篇文章主要是讲学习的方法. 第一步,下载字体. 先从网上下载字体图标https://icomoon.io/#icons-icomoon ,点击下载,下载完成后会形成一个压缩包IcoMoon-F

2016-02-09 20:34:40 5535 1

xijiaoliumang的博客