自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 setInterval(),clearInterval() 方法

定义和用法:     setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。     clearInterval() 方法可取消由 setInterval() 设置的 timeout。     setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作  ...

2016-05-09 21:18:12 209

原创 jQuery获取带有指定字符串的元素

方法 var found = $('*:contains("字")')  *代表在全局中搜索带有指定字符串的元素,得到的元素将是整个页面的元素。 例 <div> <div> <li> jQuery获取带有指定字符串的元素 </li> </div> </div>

2016-05-09 21:00:36 3234

原创 CSS z-index 属性

定义与用法     z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素前面。    元素可以拥有负的z-index属性值。    默认的z-index的属性值为0。 例如:       img { position:absolute; left:0px; top:0px; z-index:-1; } <...

2016-04-19 18:47:29 137

原创 去掉li标签前面的小黑点

例如: <ul> <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> </ul> <ul> <

2016-03-29 17:42:30 461

原创 input标签readonly属性

定义: readonly属性规定输入字段为只读。 只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。   语法: <input readonly="readonly">     ...

2016-03-29 17:35:57 476

原创 JS获取图片宽高的方法

一、简陋的获取图片的方式 var img_url = 'img_url' var img = new Image(); img.src = img_url; alert('width:'+img.width+',height:'+img.height);  这时alert的宽高都为0,因为图片没有被加载出来时它就已经执行了这个函数。 所以我们该在onload后再aler...

2016-03-16 20:33:19 136

原创 js监听滚动条的位置

首先在你要监听的DIV中加入一个ID。 例 <div id = "being_monitored"> <p> 111 </p> <p> 222 </p> <p> 333 </p&g

2016-03-15 12:45:27 3366

原创 JS点击其他位置关闭手机弹出的小键盘

思路是这样的,点击其他位置,让输入框的焦点消失,输入框自然就消失。 使输入框失去焦点的JS如下 function close_keyboard(){ document.activeElement.blur('input_id'); }  在IOS系统中不识别onclick事件,所以用其他三中方法。 当摁下手指时,触发ontouchstart; 当移动手指时,触发ontou...

2016-03-15 12:22:48 1121

原创 CSS 字体

字体风格 font-style 属性最常用于规定斜体文本。 该属性有三个值:     normal - 文本正常显示     italic - 文本斜体显示     oblique - 文本倾斜显示     例: p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style...

2016-03-15 12:12:15 80

原创 JavaScript replace() 方法

replace() 方法用于在字符串中用一些字符替换另一些字符。 语法 stringObject.replace(regexp,replacement)    字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用replacement 来替换这些子串。如果 regexp 具...

2016-03-14 22:58:00 126

原创 图片点击放大

设一个div,将它的css设为隐藏。在div下添加一个img标签。 <div id= "big_img",class="image"> <img> </img> </div>   .image{ width:100%; height:100%; display:none; }  点...

2016-03-09 09:49:41 95

原创 模态框

首先在html上定义两个div元素,其中外层div表示模态框外面的覆盖层(overlay layer), 内层的div表示模态框。 <div id="modal-overlay"> <div class="modal-data"> <p>模态框</p> <p>点击&am

2016-03-05 17:40:12 119

原创 Event.keyCode控制input只能输入数字

function onlyNum() { if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)) { if(!((event.keyCode>=48&&...

2016-01-28 16:44:14 556

原创 JS键盘KEYCODE值参考

keycode 1 = 鼠标左键keycode 2 = 鼠标右键keycode 3 = Cancelkeycode 4 = 鼠标中键keycode 8 = BackSpace keycode 9 = Tab keycode 12 = Clear(未知) keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 1...

2016-01-28 16:30:50 227

原创 js中toFixed() 的使用

一、定义和用法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。   语法 NumberObject.toFixed(num)   num的范围为0~20,包括0、20,如果省略了该参数,用0代替。   返回值   返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0...

2016-01-11 22:13:50 187

原创 HTML本地储存

       HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。     ...

2016-01-10 23:23:47 119

原创 CSS 背景

一.背景色   可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 这条规则把元素的背景设置为红色: p {background-color: red}  如果希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:   p {background-color: red; padding: 20px}  二.背景图像   要把...

2015-12-29 01:16:37 92

原创 图片的显示与隐藏

图片的显示或隐藏其实就是修改他的STYLE样式中display属性, 1.当display属性为none时,图片隐藏。 2.当display属性为block时,图片显示。 <a onclick=show('img')>点我显示与隐藏图片</a> <img src='/img/selected.png/' style='display:none' id...

2015-12-26 15:24:06 195

原创 HTML代码简写法Haml

haml的简化规则 1.!!!5 代表<!DOCTYPE html> 2.%E 代表HTML标签 3.%E#id  代表标签的id 4.%E.class 代表class属性 5.%E XXX  代表插入标签的内容   注意:因为haml没有结束符,所以一定要注意缩进。   例如: !!!5 %html %head %title H...

2015-12-21 21:03:26 165

原创 <a>标签

  &lt;a&gt;标签是创建超链接的,href是&lt;a&gt;标签的一个重要属性,它指示链接的目标,在所有的浏览器中都可以使用。   1.创建超链接   &lt;a href = "http://www.hao123.com/"&gt;链接&lt;/a&gt;   当点击“链接”时,就会跳转到www.hao123.com中。   2.在新的窗口中打开链接 &lt;...

2015-12-21 18:46:10 96

原创 如何在手机中查看在计算机中制作的网页

一.、获取本机IP   首先要获取本机的IP地址,打开终端,在终端中运行 $ ifconfig 从其中的 "wlan0"中找到"inet 地址",格式如:134.168.0.106   二、开启python服务   1.先进入工程文件夹下 比如:$ cd /home/LIANG   2.启动python服务 $ python -m SimpleHTTPServer  ...

2015-12-14 23:09:38 411

原创 JavaScript访问对象属性和方法

访问对象的属性   在JavaScript中,可以使用" . " 和 " [ ] " 来访问对象的属性。   1.使用" . "来访问对象属性 objectName.propertyName  其中,objectName为对象名称,propertyName为属性名称。   2.使用" [ ] "来访问对象属性     objectName[propertyNam...

2015-12-14 21:00:49 164

原创 Range对象与Selection对象

一、Range对象 一个Range对象代表页面上的一段连续区域。通过Range对象,可以获取或修改页面上的任何区域。   二、Selection对象 每一个浏览器窗口及每一个窗口中的页面都具有一个selection对象,代表用户鼠标在页面中所选取的区域。 通过语句得到该Selection对象: var selection = document.getselection();   ...

2015-12-08 12:31:20 810

原创 网页html标签

HTML简介 HTML称为超文本标记语言,是一种描述文档结构的标记语言,它是一种应用非常广泛的网页格式,它与操作系统无关,只要有浏览器就可以运行HTML文档,显示网页内容。   1.标题&lt;Hn&gt;  格式:&lt;Hn&gt;标题&lt;/Hn&gt;,n可取1~6之间的值。 &lt;h1&gt;到&lt;h6&gt;字体依次变小。     2.字体变化 &lt;font...

2015-12-07 20:50:51 84

原创 HTML<input>标签

[size=medium][b]定义和用法[/b][/size] 标签用于搜集用户信息。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 文本字段: (用input标签定义type的属性为text,可在框中输入文字) 名: 姓: 复选框: (用inpu...

2015-11-29 17:44:18 81

原创 MYSQL

MYSQL是一个关系型的数据库,'关系型'可以理解成'表格',一个关系型数据库可以由一个或多个表格组成。 [b][size=medium]MYSQL的数据类型[/size][/b] MYSQL有三种数据类型:数字、日期、字符串 [b][size=medium]使用MYSQL[/size][/b] [b]登录MYSQL [/b] 当MYSQL服务已经运行,输入 'my...

2015-11-24 11:38:16 77

原创 git 入门

[size=large][b]创建新仓库[/b][/size] git init 在当前目录建立本地新仓库 git clone 在当前目录克隆一个远端仓库 在本地仓库上工作: 文件可能有三种不同状态: 未被追踪 已追踪未修改 已追踪已修改 暂存区域: git add 添加/修改/删除到暂存区 本地仓库: git commit -m "messag...

2015-11-22 12:12:29 49

原创 HTML5 新增结构元素分为主体结构元素和非主体结构元素

[size=large][b]HTML5 新增结构元素分为主体结构元素和非主体结构元素[/b][/size] 主体结构元素包括 article、section、nav、aside、time 非主体结构元素包括 header、hgroup、footer、address [size=medium][b]一、主体结构元素[/b][/size] [size=medium][b]artic...

2015-11-15 23:46:05 238

原创 JavaScript数组

[size=large][b]定义数组[/b][/size] 数组对象用来在单独的变量名中存储一系列的值。 我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象: var myArray=new Array() 有两种向数组赋值的方法(你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样)。 [b]1:[/...

2015-11-15 22:52:55 68

原创 JavaScript 数据类型

[b][size=x-large]JavaScript 数据类型[/size][/b] [b]字符串、数字、布尔、数组、对象、Null、Undefined[/b] [size=medium][b]JavaScript 拥有动态类型[/b][/size] JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型: [b]实例:[/b] ...

2015-11-09 00:09:04 63

原创 JavaScript For 循环

[size=large]JavaScript 循环[/size] 如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。 我们可以这样输出数组的值: console.log(cars[0]); console.log(cars[1]); console.log(cars[2]); conso...

2015-11-08 23:03:11 67

空空如也

空空如也

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

TA关注的人

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