- 博客(31)
- 收藏
- 关注
RSS订阅原创 setInterval()，clearInterval() 方法
定义和用法： setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 clearInterval() 方法可取消由 setInterval() 设置的 timeout。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 ...
2016-05-09 21:18:12
235
原创 jQuery获取带有指定字符串的元素
方法var found = $('*:contains("字")') *代表在全局中搜索带有指定字符串的元素，得到的元素将是整个页面的元素。例<div> <div> <li> jQuery获取带有指定字符串的元素 </li> </div></div>
2016-05-09 21:00:36
3279
原创 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
151
原创 去掉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
494
原创 input标签readonly属性
定义：readonly属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用tab键切换到该字段，还可以选中或拷贝其文本。 语法：<input readonly="readonly"> ...
2016-03-29 17:35:57
503
原创 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
155
原创 js监听滚动条的位置
首先在你要监听的DIV中加入一个ID。例<div id = "being_monitored"> <p> 111 </p> <p> 222 </p> <p> 333 </p&g
2016-03-15 12:45:27
3384
原创 JS点击其他位置关闭手机弹出的小键盘
思路是这样的，点击其他位置,让输入框的焦点消失，输入框自然就消失。使输入框失去焦点的JS如下function close_keyboard(){ document.activeElement.blur('input_id');} 在IOS系统中不识别onclick事件，所以用其他三中方法。当摁下手指时，触发ontouchstart;当移动手指时，触发ontou...
2016-03-15 12:22:48
1168
原创 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
98
原创 JavaScript replace() 方法
replace() 方法用于在字符串中用一些字符替换另一些字符。语法stringObject.replace(regexp,replacement) 字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用replacement 来替换这些子串。如果 regexp 具...
2016-03-14 22:58:00
136
原创 图片点击放大
设一个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
107
原创 模态框
首先在html上定义两个div元素，其中外层div表示模态框外面的覆盖层(overlay layer), 内层的div表示模态框。<div id="modal-overlay"> <div class="modal-data"> <p>模态框</p> <p>点击&am
2016-03-05 17:40:12
139
原创 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
586
原创 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
255
原创 js中toFixed() 的使用
一、定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 语法NumberObject.toFixed(num) num的范围为0~20，包括0、20，如果省略了该参数，用0代替。 返回值 返回 NumberObject 的字符串表示，不采用指数计数法，小数点后有固定的 num 位数字。如果必要，该数字会被舍入，也可以用 0...
2016-01-11 22:13:50
218
原创 HTML本地储存
HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过Javascript来获取这些数据。 ...
2016-01-10 23:23:47
130
原创 CSS 背景
一.背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。这条规则把元素的背景设置为红色：p {background-color: red} 如果希望背景色从元素中的文本向外少有延伸，只需增加一些内边距： p {background-color: red; padding: 20px} 二.背景图像 要把...
2015-12-29 01:16:37
105
原创 图片的显示与隐藏
图片的显示或隐藏其实就是修改他的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
221
原创 HTML代码简写法Haml
haml的简化规则1.!!!5 代表<!DOCTYPE html>2.%E 代表HTML标签3.%E#id 代表标签的id4.%E.class 代表class属性5.%E XXX 代表插入标签的内容 注意：因为haml没有结束符，所以一定要注意缩进。 例如：!!!5%html %head %title H...
2015-12-21 21:03:26
188
原创 <a>标签
<a>标签是创建超链接的，href是<a>标签的一个重要属性，它指示链接的目标，在所有的浏览器中都可以使用。 1.创建超链接 <a href = "http://www.hao123.com/">链接</a> 当点击“链接”时，就会跳转到www.hao123.com中。 2.在新的窗口中打开链接<...
2015-12-21 18:46:10
111
原创 如何在手机中查看在计算机中制作的网页
一.、获取本机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
435
原创 JavaScript访问对象属性和方法
访问对象的属性 在JavaScript中，可以使用" . " 和 " [ ] " 来访问对象的属性。 1.使用" . "来访问对象属性objectName.propertyName 其中，objectName为对象名称，propertyName为属性名称。 2.使用" [ ] "来访问对象属性 objectName[propertyNam...
2015-12-14 21:00:49
183
原创 Range对象与Selection对象
一、Range对象一个Range对象代表页面上的一段连续区域。通过Range对象，可以获取或修改页面上的任何区域。 二、Selection对象每一个浏览器窗口及每一个窗口中的页面都具有一个selection对象，代表用户鼠标在页面中所选取的区域。通过语句得到该Selection对象：var selection = document.getselection(); ...
2015-12-08 12:31:20
828
原创 网页html标签
HTML简介HTML称为超文本标记语言，是一种描述文档结构的标记语言，它是一种应用非常广泛的网页格式，它与操作系统无关，只要有浏览器就可以运行HTML文档，显示网页内容。 1.标题<Hn> 格式：<Hn>标题</Hn>，n可取1~6之间的值。<h1>到<h6>字体依次变小。 2.字体变化 <font...
2015-12-07 20:50:51
92
原创 HTML<input>标签
[size=medium][b]定义和用法[/b][/size] 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。文本字段：（用input标签定义type的属性为text，可在框中输入文字）名：姓：复选框：（用inpu...
2015-11-29 17:44:18
89
原创 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
85
原创 git 入门
[size=large][b]创建新仓库[/b][/size]git init 在当前目录建立本地新仓库git clone 在当前目录克隆一个远端仓库在本地仓库上工作：文件可能有三种不同状态：未被追踪已追踪未修改已追踪已修改暂存区域：git add 添加/修改/删除到暂存区本地仓库：git commit -m "messag...
2015-11-22 12:12:29
57
原创 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
266
原创 JavaScript数组
[size=large][b]定义数组[/b][/size]数组对象用来在单独的变量名中存储一系列的值。我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象： var myArray=new Array()有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。[b]1：[/...
2015-11-15 22:52:55
75
原创 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
71
原创 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
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人