09 2016 档案

bootstrap框架的搭建
摘要：bootstrap框架 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。使用bootstrap 阅读全文
posted @ 2016-09-27 16:05 Strive-count 阅读(5167) 评论(0) 推荐(0)
JS中的表单验证+正则表达式
摘要：表单验证+正则表达式 一、非空验证 trim：去空格（去掉前后的空格），任何字符串都可以用这个方法。写法为：if(v.trim().length==0)，表示如果去掉空格后的字符串的长度为0。 二、对比验证 三、范围验证 四、固定格式验证（正则验证） 固定格式验证是指对输入的内容是否符合格式要求的验 阅读全文
posted @ 2016-09-26 11:53 Strive-count 阅读(11338) 评论(0) 推荐(2)
JS练习题（左侧菜单下拉+好友选中）
摘要：题一、左侧菜单下拉 做题思路：先做菜单和子菜单，把子菜单默认隐藏。再用JS调样式。 题二、好友列表选中 阅读全文
posted @ 2016-09-25 11:14 Strive-count 阅读(850) 评论(0) 推荐(0)
JS之document例题讲解2
摘要：例题三、图片轮播 例题四、选项卡效果 五、滑动效果 例题六、进度条的制作 阅读全文
posted @ 2016-09-23 17:04 Strive-count 阅读(355) 评论(0) 推荐(0)
JS之document例题讲解1（两张表之间数据转移、日期时间选择、子菜单下拉、用div做下拉菜单、事件总结）
摘要：作业一：两个列表之间数据从一个列表移动到另一个列表 作业二：日期时间选择 例题一、子菜单下拉 例题二、用div做下拉列表 事件总结 通用： 1.onclick 鼠标单击效果 2.ondbclick 鼠标双击效果 3.onchange 表单的值改变 4.onmouseover 鼠标放上 5.onmou 阅读全文
posted @ 2016-09-23 11:39 Strive-count 阅读(522) 评论(0) 推荐(0)
JS之document对象（找元素、操作内容、操作属性、操作样式及4道例题）
摘要：document对象 一、找元素 1.根据id找 示例： 输出的结果是[objectHTMLDivElement]，意思是找到了HTML里面的div。根据id找到的是唯一一个元素。 2.根据class找 示例： 输出的结果是[objectHTMLDivCollection]。Elements后面多了 阅读全文
posted @ 2016-09-22 21:18 Strive-count 阅读(2458) 评论(0) 推荐(0)
JS之window对象
摘要：window对象 window属性： opener:打开当前窗口的源窗口，如果这个窗口是由别的网页点击链接跳转过来的，或者是从另外一个页面点击打开窗口打开的，opener就是找到源页面的。如果当前窗口是首次启动浏览器打开的，则运行alert(window.opener);弹出窗口就会出现null，表 阅读全文
posted @ 2016-09-22 16:26 Strive-count 阅读(1549) 评论(0) 推荐(0)
JS之递归（例题：猴子吃桃）
摘要：例题1：公园里有200个桃子，猴子每天吃掉一半以后扔掉一个，问6天以后还剩余多少桃子？ 例题2：公园里有一些桃子，猴子每天吃掉一半以后扔掉一个，第6天的时候发现还剩下1个桃子，问开始有几个桃子？ 使用函数解决例题2 函数功能：给一个天数，返回该天数的桃子的数量。最主要的是下一天的桃子数量怎么求，函数 阅读全文
posted @ 2016-09-20 17:12 Strive-count 阅读(2110) 评论(0) 推荐(0)
JS中函数的基础知识
摘要：函数 一、 函数定义 函数又叫方法，在程序里面函数是用来执行某些特定功能的代码。为了减少重复使用代码，可以把特定功能的代码做成函数，需要使用时拿出来调用。alert（）;就是一个很常见的、简单的函数，重复使用时不需要再写代码了，只是把函数名拿过来用就可以。函数后面都带（），不带（）的一般都是属性。函 阅读全文
posted @ 2016-09-20 13:39 Strive-count 阅读(1648) 评论(0) 推荐(0)
JS数组2（冒泡排列、数组里面查找数据）
摘要：数组 一、冒泡排列 对数组attr = [1,8,6,4,5,3,7,2,9]进行由大到小排列，用冒泡排列的方法排列时，会对数组进行比较互换。如果前一个数字较大，这2个元素排列方式不变，如果后一个元素较大，则这2个元素互换位置。对比互换方式如下： 第一次 [8,6,4,5,3,7,2,9,1] 第二 阅读全文
posted @ 2016-09-19 17:06 Strive-count 阅读(2079) 评论(0) 推荐(0)
JS 数组的基础知识
摘要：数组 一、定义 1.数组的文字定义 广义上说，数组是相同类型数据的集合。但是对于强类型语言和弱类型语言来说其特点是不一样的。强类型语言数组和集合有以下特点。 数组强类型语言：1.数组里面只能存放相同数据类型的数； 2.定义数组的时候需要制定一个长度（可以存放的元素数量）；3.内存空间是连续的； 集合 阅读全文
posted @ 2016-09-19 13:42 Strive-count 阅读(1477) 评论(0) 推荐(0)
网页测试题讲解
摘要：一、布局出下列图片中的效果 方法1：先做一个图片显示的颜色的矩形，再用两个旋转的白色的矩形把两边覆盖。 方法2：做一个0*0的<div>，设置四个边界的，上边界设置为border-top:100px solid #00F，其它三个边界设置为border-right:100px solid white 阅读全文
posted @ 2016-09-18 16:09 Strive-count 阅读(337) 评论(0) 推荐(0)
CSS3学习（圆角、图片、阴影、背景、渐变、文本、字体、2D、3D、过渡等）
摘要：matrix CSS3 1. 圆角 border-radius：边框圆角的圆角半径 四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值：第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两个值：第一个值为左上角与右下角，第二个值为右上角与左下角 一 阅读全文
posted @ 2016-09-16 11:28 Strive-count 阅读(534) 评论(0) 推荐(0)
JS循环语句作业讲解（折纸、兔子生兔子、买东西组合）
摘要：1.一张纸的厚度是0.0001米，将纸对折，对折多少次厚度超过珠峰高度8848米 解法一： 解法二： 解法三： 2.有一对幼兔，幼兔1个月后长成小兔，小兔1个月后长成成兔并生下一对幼兔，问几年后有多少对兔子，幼兔、小兔、成兔对数分别是多少。 var n=prompt("请输入经过了几个月："); 3 阅读全文
posted @ 2016-09-14 09:53 Strive-count 阅读(645) 评论(0) 推荐(0)
JS语句循环（100以内奇偶数、100以内与7先关的数、100以内整数的和、10以内阶乘、乘法口诀、篮球弹起高度、64格子放东西）
摘要：3.循环 循环是操作某一个功能（执行某段代码）。 ①循环四要素： a 循环初始值 b 循环的条件 c 循环状态 d 循环体 ②for循环 a 穷举：把所有的可能性的都一一列出来。 b 迭代：每次循环都会把原来的数拿到循环里面用。 这是一个最简单的for循环，循环体运行的步骤是：i=0--i<10-- 阅读全文
posted @ 2016-09-13 14:12 Strive-count 阅读(2087) 评论(0) 推荐(0)
JS的基础语法
摘要：8.运算符号表达式 ①数学运算符 数学运算符有+、-、*、/除（）、%（余数） 预览以后在网页上弹出的对话框数值就是15。 ②逻辑运算符 逻辑运算符有&&（并）、||（或）、！（非） ③其它运算符 a.字符串的拼接 hello是一个字符串，world也是一个字符串，两个字符串相加，弹出的网页就会出现 阅读全文
posted @ 2016-09-12 16:58 Strive-count 阅读(502) 评论(0) 推荐(0)
JS基础知识
摘要：JS脚本语言 JS脚本语言全称JavaScript，是网页里面使用的脚本语言，也是一门非常强大的语言。 一、基础语法 1.注释语法 单行注释：// 多行注释：/**/ 2.输出语法 ①alert(信息);效果是弹出信息 ②confirm(信息);效果是弹出一个和用户交互的对话框 ③prompt(信息 阅读全文
posted @ 2016-09-12 11:14 Strive-count 阅读(570) 评论(0) 推荐(1)
有序列表、无序列表、网页的格式和布局
摘要：样式表 六、列表方块 1.有序列表变无序列表 网页上显示为1. 张店 2. 桓台 3. 淄川 （竖向显示） 网页上显示 张店 桓台 淄川 list-style:none将列表前面的序号去掉，成为了无序列表。 <ol style="list-style:inside"> 列表前面的序号和列表内容在一起 阅读全文
posted @ 2016-09-11 13:17 Strive-count 阅读(5915) 评论(0) 推荐(1)
样式表（宽度和高度、背景字体、对齐方式边界与边框）
摘要：样式表 一、大小 1.width 宽度 2.height 高度 <div style="width:200px; height:200px"></div> 样式和属性不同，数字后面要加上单位px或者%。 二、背景 1.背景色：background-color <div style="width:20 阅读全文
posted @ 2016-09-09 22:23 Strive-count 阅读(1692) 评论(0) 推荐(0)
表单元素2（框架、样式表）
摘要：五、框架 1.frameset是双标签框架集，如果使用框架集，当前页面不能有body。 frameset属性：①cols代表左右拆分。cols=“300，*”表示左边框架宽300，右边宽剩余的宽度。*代表剩余。 ②rows代表上下拆分。rows=“300，*”表示上边框架高300，下边框架高剩余的高 阅读全文
posted @ 2016-09-09 12:32 Strive-count 阅读(411) 评论(0) 推荐(0)
表单元素（form、文本、按钮、选择）
摘要：表单元素 一、form form代表表单，功能：用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。<form> 标签用于为用户输入创建 HTML 表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包 阅读全文
posted @ 2016-09-08 17:29 Strive-count 阅读(3935) 评论(0) 推荐(1)
表格标签（table、行、列、表头）
摘要：表格标签 一、<table> <table>代表表格标签。 <table></table> 1.width 表示表格宽度，宽度表达方式有像素和百分比两种。网页设计时如果按照像素来设计网页宽度，当网页窗口缩小时，网页大小不会随着窗口的缩小而变化，而会出现上下和左右拉伸条，以观看网站的全部内容。网站设计 阅读全文
posted @ 2016-09-06 16:45 Strive-count 阅读(3950) 评论(0) 推荐(0)
通用标签（有序列表、无序列表、常用标签）
摘要：<ol><li>：有序序列 网页上显示为 上面代码在网页上显示为 I.第一项 II.第二项 III.第三项 <ul><li> ：无序列表 网页上显示为 ■ 第一项 ■ 第二项 ■ 第三项 square=■ circle=○ disc=● 常用标签 一、<a></a> 1.超链接 <a href="h 阅读全文
posted @ 2016-09-06 10:46 Strive-count 阅读(1927) 评论(0) 推荐(0)
通用标签、属性（body属性、路径、格式控制）
摘要：通用标签、属性 一、body属性 1.bgcolor属性：网页背景颜色 2.text属性：规定文档中所有文本的颜色。 3.background属性：规定文档的背景图像。 二、路径 1.绝对路径： 从根开始的，越来越具体，逐渐具体到目标文件。“/” 表示在某一个文件夹里面。 2.相对路径： 从自身开始 阅读全文
posted @ 2016-09-06 10:45 Strive-count 阅读(828) 评论(0) 推荐(0)
网页基础知识
摘要：网页基础知识 一、HTML语言 HTML语言翻译汉语为超文本标记语言。 二、网页的分类 1.静态页面：在静态页面中修改网页内容实际上就是修改网页原代码，不能从后台操作，数据来只能来源于原于代码。静态网页的后缀有.html .htm。 2.动态页面：动态页面可以从后台更改改，数据来源于数据库，后台更改 阅读全文
posted @ 2016-09-06 10:43 Strive-count 阅读(477) 评论(0) 推荐(0)