- 博客(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>标签
<a>标签是创建超链接的,href是<a>标签的一个重要属性,它指示链接的目标,在所有的浏览器中都可以使用。 1.创建超链接 <a href = "http://www.hao123.com/">链接</a> 当点击“链接”时,就会跳转到www.hao123.com中。 2.在新的窗口中打开链接 <...
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.标题<Hn> 格式:<Hn>标题</Hn>,n可取1~6之间的值。 <h1>到<h6>字体依次变小。 2.字体变化 <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关注的人