- 博客(39)
- 收藏
- 关注
RSS订阅原创 JavaScript 事件绑定浅谈
1.HTML绑定 即把事件写在html标签的属性里面；属于DOM0级标准 例：<div onclick="myFunction()">点击</div> <script> function myFunction(){ console.log('这是一个点击事件'); } &...
2020-03-29 18:10:15
200
转载 jQuery-on()函数
注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。多个事件绑定同一个函数$(document).ready(function(){ $("p").on("mouseover mouseout",function(){ $("p").toggleClass("intro"); });});多个事
2017-01-18 20:42:32
536
转载 jQuery的淡入淡出效果
通过 jQuery，您可以实现元素的淡入淡出效果。jQuery 拥有下面四种 fade 方法：fadeIn()fadeOut()fadeToggle()fadeTo()jQuery fadeIn() 方法jQuery fadeIn() 用于淡入已隐藏的元素。语法:实例$("button").click(function(){ $("#d
2017-01-17 21:36:48
436
转载 mouseover与mouseenter、mouseout与mouseleave
mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事
2017-01-16 21:13:08
355
原创 HTML基础知识(六)
标签：基本结构： 内容tr为行，td为列；详细结构：表格标题 页眉 页眉 表头 内容 页脚页脚 th为表头，caption为表格标题，thead为表格页眉，tbody为表格主体，tfoot为页脚，c
2017-01-15 21:23:35
368
原创 css display属性的值
值 描述none 此元素不会被显示，不占空间。block 此元素将显示为块级元素，此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block 行内块元素。list-item
2017-01-13 20:57:29
385
转载 jQuery - 获取内容和属性
获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值 jQuery text() 和 html() 方法来获得内容：$(document).ready(
2017-01-12 21:24:07
397
转载 元字符
元字符，是用于构建正则表达式的符号（用于连接字母和数字，创建高度描述性 元字符，是用于构建正则表达式的符号（用于连接字母和数字，创建高度描述性 的的文本模式）是拥有特殊含义的字符. 任意的单个字符\w 单词字符(英文、数字、下划线)\W 非单词字符(非英文、数字、下划线)\d 数字字符(0-9数字)\D 非数字字符\s 空白符\S 非空白符\b 字符边界\B
2017-01-11 22:01:55
456
转载 js正则表达式RegExp
1：关于什么是RegExp？ RegExp 是正则表达式的缩写。 2：定义与创建 RegExp 1）：采用new运算符 var reg = new RegExp('pattern',['flags']); 2）：采用字面量方式 var reg = /pattern/[flags];3：修饰符 i:忽略大小写
2017-01-10 21:26:46
351
原创 html列表
有序列表基本结构： 列表项目1 列表项目2 ………………列表项目n常用属性：type：规定在列表中使用的标记类型；type=” 1” 以数字为标记(默认)type=” a” 以小写字母为标记type=” i” 以小写罗马数字为标记type=” A” 以大写字母为标记type=” I” 以大写罗马数字为标记
2017-01-09 21:12:12
361
原创 html-图片标签
img图片标签：例：src="i/eg_tulip.jpg" alt="上海鲜花港-郁金香"/>常用属性：src： 必须，图片的路径。alt： 图片无法正确显示时的代替文本。title：标题，鼠标光标在图片上时显示。可选的属性属性值描述 标签的 align 属性">aligntop botto
2017-01-08 21:30:34
406
原创 html--a标签粗略概括
作为链接：链接到新浪作为锚点：跳回本页面跳到aa处 (页面要有才能跳转)跳到图片(本页面打开该图片)下载(类型为压缩文件)在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 属性主要包括：属性值描述
2017-01-07 21:32:43
362
原创 css3文本属性text-shadow
文本加阴影 text-shadow例：text-shadow:3px 4px 5px #FFF;说明：h-shadow 3px 必须 水平阴影的位置，默认值为0，正值在文字的右边，负值在左边；v-shadow 4px 必须 垂直阴影的位置，默认值为0，正值在文字的下边，负值在上边；blur 5px 可选 模糊距离，默认值为0，
2017-01-04 20:47:21
478
转载 css3(border-radius)边框圆角详解
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4一、border-radius属性CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个
2017-01-03 21:20:56
508
原创 css3之box-shadow属性
容器阴影 box-shadow例：box-shadow:1px 2px 30px 40px rgba(255,255,255,0.8) inset;说明：h-shadow 1px 必须 水平阴影的位置，默认值为0，正值在容器的右边，负值在左边；v-shadow 2px 必须 垂直阴影的位置，默认值为0，正值在容器的下边，负值在上边；blur
2017-01-02 21:27:10
617
原创 HTML基础知识(三)--文本格式标签
标题标签h1~h6：标题；从h1到h6字号依次减小，字体默认加粗，可设置水平对齐方式标题；文字标签font：文字；设置字号大小文字 默认3号字，从小到大有1到7号7个字号可选；设置字体颜色文字 默认黑色；设置字体属性文字 默认浏览器默认字体，本地无某字体时，设置该字体无效，还是按默认字体显示；直线标签hr：;设置水平对齐方式；设置直线宽度；默认100
2016-12-31 20:47:37
783
原创 12.30js学习笔记
onmouseover 鼠标悬停onclick 鼠标点击onmouseout 鼠标离开用法 例1：； aa()为函数，可传参数 如 aa(1)；//点击执行aa函数 例2：menu[0].onmousever=aa aa为函数，不带括号， //鼠标在第一个menu上时执行aa函数 例3：menu[0].
2016-12-30 23:14:21
397
原创 12.29js学习笔记
标签/ 元素.getAttribute('属性'); 获取标签属性的值 标签/ 元素.setAttribute('属性','属性值'); 改变标签属性的值例：mid_pic.setAttribute('src',pic); //给 id=mid-pic里面的属性src重新赋值
2016-12-29 20:52:26
355
原创 12.28JS学习笔记
dom元素 class 标记标签的获取 document.getElementsByClassName("class名称") 元素之间值的获取 元素.innerHTML HMTL跟文本 元素.innerText 获取纯文本 document.getElementsByTagName("span"); //获取标记标签
2016-12-28 19:39:04
313
原创 js数组的三种声明方式
数组的三种声明方式：1.var cars=new Array(); cars[0]="a", cars[1]="b" , cars[2]="c";2.var cars=new Array("a","b","c");3.var cars=["a","b","c"]注：整型不加引号；双引号内用单引号；注意英文输入法及大小写；
2016-12-27 21:02:26
12301
转载 js学习笔记2016.12.26
*二：简单的DOM操作 1.认识DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。三种常见的DOM节点:1. 元素节点：、、等都是元素节点，即标签。2. 文本节点:向用户展示的内容，如…中的JavaScript、DOM、CSS等文本。3. 属性节点
2016-12-26 21:56:24
694
转载 HTML标签marquee
marquee语法 实例一Hello, Worldmarquee常用到的两个事件：onMouseOut="this.start()" 当鼠标移出该区域时onMouseOver="this.stop()" 当鼠标移入该区域时实例二marquee常用到的两个事件下面开始说一下marquee所支持的属性behavior设定滚动的方式：
2016-12-25 18:28:08
305
原创 <body></ body >里的属性
HTML 标签里的属性：bgcolor设置页面背景颜色 即页面背景色为红色； background设置背景图片 bgproperties=fixed是设置背景图片不随滚动条的滚动而滚动，直接加在地址后面即可。即网页文字为绿色对于链接中的文字，link，vlink，alink分别对应：普通超级链接，访问过的超级链接，当前活动的超级链接。如，当前颜色为粉色，点击时
2016-12-24 20:56:30
3309
原创 CSS3背景颜色渐变
背景颜色渐变：background:linear-gradient(颜色名)；默认 从上到下 多个颜色用逗号分隔background:linear-gradient(left,颜色名)； 从左到右background:linear-gradient(left top,颜色名)； 从左上到右下（对角线）background:linear-gradient(de
2016-12-23 20:53:53
620
原创 CSS3 transform
transform值的设置：移动translate： translate(x,y) /*x 、y为像素*/ translate3d(x,y,z) translateX(x)
2016-12-22 21:50:02
354
原创 CSS3样式过渡transition
transition例：transition:all 1s ease 0s说明：all: 过渡的属性名称 单独写为：transition-property 默认为all 所有属性 none
2016-12-21 21:43:32
864
原创 CSS3动画效果animation
动画效果例： animation aa 0.5s ease/linear n/infinite 2s normal/alternate running/paused说明：aa: 名称 单独写时为animation-name0.5s
2016-12-20 22:51:45
555
原创 12.19CSS学习笔记
滤镜 filter: grayscale(80%)/blur(像素)旋转 transform:rotate(**deg)旋转单位deg(度数) 正值就是顺时针旋转 负值就是逆时针旋转缩放 transform:scale(number)number为缩放比例水平位移 transform: translateX(像素)竖直位移 transform: translateY
2016-12-19 20:15:27
317
转载 CSS3响应式布局meta viewport属性
页面的头部之间加上： meta viewport这个属性是在移动设备上设置原始大小显示和是否缩放的声明。 参数设置∶ width – viewport的宽度 height – viewport的高度 initial-scale – 初始的缩放比例 minimum-scale – 允许用户缩放到的最小比例 maximum-
2016-12-16 23:32:52
3125
转载 CSS设置滚动条样式
滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 width: 568px
2016-12-15 23:14:08
792
原创 css中用边框做三角形
css中用边框做三角形： 行元素要转为块元素：display：inline-block/block宽高度为0倒三角span{border-top:#fff 10px solid;border-bottom:transparent 10px solid;border-left:transparent 10px solid;border-right:transpar
2016-12-14 21:03:39
1373
转载 常用DIV+CSS命名大全集合，即CSS命名规则
一、命名规则说明： - TOP1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bg
2016-12-12 22:20:20
582
原创 HTML基础知识(二)
head部分的标签：下面这些标签可用在 head 部分：, , ,, , 以及 。其中是 head 部分中唯一必需的元素。 标签 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 U
2016-12-11 21:00:07
346
原创 HTML基础知识(一)
HTML是超文本标记语言 用于编写页面内容及结构基本架构如下： 其中： 声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 的用处。 不是 HTML 标签。它为浏览器提供一项信
2016-12-10 22:21:15
284
原创 1209CSS学习笔记
溢出隐藏： overflow:hidden; 图层优先级： z-index:0 /* 默认为0*/ 动画效果（CSS3）： transition: all 1s 0.5s; /*动画效果 all： 属性 ；1s ：所花时间； 0.5s ：延时*/
2016-12-09 21:02:33
279
原创 1208css学习笔记
透明度 opacity: 0-1 块元素加圆角 border-radius：像素或百分数 /*正方形 50%时是圆*/ 鼠标悬停 ：hover 改变鼠标光标形状 cursor: crosshair 十字线 pointer 指示链接的指针（一只手） move 移动 help 帮助（通常是一个问号或一个
2016-12-08 20:59:21
273
原创 css盒子模型学习笔记
盒子模型 margin 外边距(上下左右) 找到最近的一对象(父子关系，兄弟关系) margin-left margin-rightmargin-topmargin-bottom同时写就是居中对齐：margin-left:auto; margin-right:auto; 简写：margin:像素 /* 上下左
2016-12-07 20:50:31
368
原创 css学习笔记1206
一、背景设置：1.背景颜色：background-color：颜色名;2.背景图片插入：background-image:url(图片路径+图片名); 3.背景图片填充设置： background-repeat:no-repeat; /* 不填充*/background-repeat:repeat-x /* 水平方向填充 */back
2016-12-06 21:32:26
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人