- 博客(31)
- 收藏
- 关注
原创 前端 jQuery弹框阻止冒泡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器弹框</title> <style type="text/css"> .pop_con{ di
2019-01-15 18:53:27 1108
原创 前端 jQuery input框事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input框事件</title> <style type="text/css"> </s
2019-01-15 18:49:02 2915
原创 前端 jQuery鼠标移入移出
mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子元素不触发)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l
2019-01-15 18:46:22 27467
原创 前端 jQuery特殊效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery特殊效果</title> <style type="text/css"> .box{ w
2019-01-15 18:43:23 152
原创 前端 jQuery做选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery做选项卡</title> <style type="text/css"> .btns{
2019-01-15 16:28:51 1027
原创 前端 jQuery基础理论总结(二)
jQuery做选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery索引值</title> <style type="text/css">
2019-01-15 16:27:56 158
原创 前端 jQuery基础理论总结(一)
jQuery加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery加载</title> <script type="text/javascript" src=&
2019-01-15 16:20:10 169
原创 前端 JS基础理论总结(十)
工厂模式创建对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>工厂模式创建对象</title> <script type="text/javascript"&g
2019-01-15 16:14:31 154 1
原创 前端 整屏滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>整屏滚动</title> <link rel="stylesheet" type="text/css"
2019-01-13 19:41:50 782
原创 前端 for循环练习题
打印1-100之间所有奇数之和<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>奇数和</title> <script> var sum = 0; for(var i =
2019-01-13 19:23:11 2418
原创 前端 while循环练习题
用while循环重写小明的成绩,如果用户输入不合法就反复输入,直到正确为止<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>while</title> <script> wi
2019-01-13 18:48:14 1569
原创 前端 闭包做选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包做选项卡</title> <style type="text/css"> .btns{ widt
2019-01-12 14:35:29 204
原创 前端 JS基础理论总结(九)
闭包存循环的索引值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包存循环的索引值</title> <style type="text/css"> l
2019-01-12 14:34:47 150
原创 前端 JS基础理论总结(八)
变量的作用域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>变量的作用域</title> <script type="text/javascript">
2019-01-12 14:21:41 127
原创 前端 JS基础理论总结(七)
定时器用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器的基本用法</title> <script type="text/javascript">
2019-01-12 14:00:35 173
原创 前端 JS定时器弹框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器弹框</title> <style type="text/css"> .pop{ width:
2019-01-12 13:57:15 810
原创 前端 JS计算器练习题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script type="text/javascript"> window.on
2019-01-10 19:01:13 550
原创 前端 JS基础理论总结(六)
循环语句通过循环语句可以反复的执行一段代码多次while循环 - 语法: while(条件表达式){ 语句... }while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true,则继续执行循环体,以此类推如果值为false,则终止循环do...while循环 -...
2019-01-10 18:58:59 164
原创 前端 JS基础理论总结(五)
switch语句条件分支语句也叫switch语句语法:switch(条件表达式){ case 表达式: 语句... break; case 表达式: 语句... break; default: 语句... break; }执行流程:switch…case…语句在执...
2019-01-09 19:21:25 222
原创 前端 JS基础理论总结(四)
变量和函数预解析alert(a)只把变量a的声明提前,赋值不提前,所以弹出undefined,表示它的值未定义alert(c)报错,c没有声明,这是真正的未定义var a = 123;调用函数:不会报错myalert();定义函数:function myalert(){alert(‘hello!’);}匿名函数有名字的函数:oDiv.onclick = myal...
2019-01-09 19:14:46 249
原创 前端 JS if和switch 练习题
计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script type="text/javascript"> windo
2019-01-08 19:28:23 2259
原创 前端 JS基础理论总结(三)
相等运算符相等运算符用来比较两个值是否相等,如果相等会返回true,否则返回false使用 == 来做相等运算当使用==来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后再比较不相等不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false使用 != 来做不相等运算不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回f...
2019-01-06 17:27:14 1601
原创 前端 JS基础理论总结(二)
运算符运算符也叫操作符通过运算符可以对一个或多个值进行运算,并获取运算结果比如:typeof就是运算符,可以来获得一个值的类型,它会将该值的类型以字符串的形式返回number string boolean undefined object算数运算符当对非number类型的值进行运算时,会将这些值转换为number然后在运算任何值和NaN做运算都得NaN加号(+)...
2019-01-05 16:35:31 227
原创 前端 JS基础理论总结(一)
特点js的特点解释型语言类似于C和JAVA的语法结构动态语言基于原型的面向对象js的编写位置可以将js代码编写到外部js文件中,然后通过script标签引入,写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,这是推荐使用的方式script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略,如果需要则可以再创建一个新的script...
2019-01-05 16:03:23 689
原创 前端 CSS基础理论总结(九)
CSS3圆角、阴影、rgbaCSS3圆角设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px;同时分别设置四个角: border-radius:30px 60px 120px 150px;设置四个圆角相同:border-radius:50%;CSS3阴影box-shadow:h-shadow v-shadow b...
2019-01-02 19:13:19 302
原创 前端 CSS基础理论总结(八)
框架集框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面框架集可以同时引入多个页面,而内联框架只能引入一个在h5标准中,推荐使用框架集,而不使用内联框架使用frameset来创建一个框架集,注意frameset不能和body出现在同一个页面中所以要使用框架集,页面中就不可以使用body标签属性:rows,指定框架集中的所有的框架,一行一行的排列...
2019-01-02 18:51:44 1384 1
原创 前端 CSS基础理论总结(七)
浮动文档流文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。浮动特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动,碰到父元素边界、浮动元素、未浮动的元素才停下来3、相邻浮动的块元素可以并在...
2019-01-02 18:39:13 112
原创 前端 CSS基础理论总结(六)
表单的基本设置表单input是我们使用的最多的表单项,它可以根据不同的type属性呈现不同的状态。type属性可选值:text:文本框password:密码框submit:提交按钮radio:单选按钮checkbox:多选框reset:重置按钮select、optionselect用于创建一个下拉列表option表示下拉列表中的列表项optgroup用于为...
2019-01-02 18:34:20 132
原创 前端 匡威网站布局
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title> <link rel="stylesheet" href="CSS/style.cs
2019-01-02 11:55:42 1241 13
原创 前端 CSS基础理论总结(五)
表格的基本设置表格在web的历史种,HTML的表格发挥了极大的作用,最初创建表格就是为了以表格形式显示数据,后来表格变成了一个极受欢迎的布局工具但是又了CSS以后,CSS在布局网页方面实际上会更出色,所以现在我们使用表格的作用只有一个,就是用来表示格式化的数据HTML中的表格可以很复杂,但是通常情况下我们不需要创建过于复杂的表格table、tr、th、td使用table标签创...
2019-01-02 11:44:22 140
原创 前端 CSS基础理论(四)
设置元素的背景background-colorbackground-color属性用来为元素设置背景颜色需要指定一个颜色值,当指定了一个颜色以后,整个元素的可见区域都会使用这个颜色作为背景色。如果不设置背景颜色,元素默认背景颜色为透明,实际上会显示父元素的背景颜色background-imagebackground-image可以为元素指定背景图片。和background-...
2019-01-02 11:24:57 157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人