自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

转载 表格

表格: 表格的组成:由行 和 列组成,行和列交汇的叫做单元格 行--tr 单元格标签---td 结构: table > tr > td<table><tr>  <th></th></tr><tr>  &lt...

2019-10-01 11:52:00 131

转载 a标签

超链接: <a href="链接跳转的地址"></a> target="_blank[在新窗口打开链接] | _self[在本窗口打开链接,默认值]" title="提示信息文本" ---- 鼠标滑过标签之后出现的提示信息 路径的写法: ../表示返回上一层,出文件夹伪类 a:link 正常a标签状态 a:visi...

2019-10-01 11:50:00 116

转载 标签

没有任何默认样式的标签 文本修饰标记 <font></font>:文本的修饰 例:<font>文本</font> Font 的标记的属性: Color:文本的颜色 值:颜色 Size:文本的大小...

2019-10-01 11:49:00 174

转载 HTML全局架构

【HTML】超文本标记性语言HyperText Markup Language后缀名 用html 结尾或者htm 推荐使用html<标签名字 厲性=“值" 厲性=”值〃 ....></结束标签>【全局架构标签】<html> <head><title></title></h...

2019-10-01 11:48:00 132

转载 css()获取样式当前值和设置样式的简单封装

获取CSS样式或设置CSS样式,兼容IE,参数一:元素对象,参数二:属性名,参数三(可选):属性值function css() { if (arguments.length == 2) { //获取样式 if (getComputedStyle(arguments[0], false)) { ...

2019-09-10 22:24:00 153

转载 原生JS运动框架封装:startMove()过渡 仿jq animate()

最终版:多对象,多属性,链式运动框架(运动队列)参数一:对象名参数二:属性,目标值键名:属性名,键值:目标值{'width':200,'heigth':400}实现:宽度和高度一起改变,宽度变成200,高度变成400参数三:回调函数(可选参数)里面调用的css()函数是封装的,具体可以去看我的css()封装的内容...

2019-09-10 22:21:00 294

转载 原生JS手风琴仿JQ动画

使用定时器制作手风琴写这个过程遇到的难点:  1、每次调用函数时未清理定时器,导致点击收回时,会停在一半或在路上停住,或点击这个其他的出现效果  2、关于动画速度的处理,在用style获取当前元素的高度时,获取的值是带PX的,然后用parseInt转为数字后会导致计算速度时出现NAN,最后用getComputedStyle解决  ...

2019-09-10 21:18:00 174

转载 CSS3的权重问题

选择器的权重问题,这个问题很简单,但很容易让人忽略,所以我在这里提一下选择器的权重:!important>内联样式>id选择器>类选择器(class选择器)>类型选择器>通配符选择器!important 表示最重要的,在属性值后面添加之后,表示这句代码权重最高层叠样式表:因为同一个元素可以有多种方法去给他添加样式当同一个元素通过几...

2019-08-29 19:28:00 72

转载 js---小火箭回到顶部

比较粗糙,能到到效果,点击小火箭回到顶部,期间有小火箭的特效,用到了css3的动画,JS的滚动事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

2019-08-29 19:19:00 497

转载 JS小案例--简单时钟

JS小案例--简单时钟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-08-28 21:24:00 252

转载 js小案例----距离某一天还剩多少天

距离某一天还剩多少天,JS案例,其实挺简单的,但我卡在某个地方了,好久才想明白这里面有个需要将毫秒数转化为天时分秒的过程,莫名其妙的卡在了这里,我真是太笨了;function mschange(num) { var num1 = parseInt(num / 1000); var miao = parseInt(num1 % 60);//秒 ...

2019-08-28 17:56:00 983

转载 js小案例-时间差的计算

小案例--计算时间差点击按钮的时候,计算两个时间的差值,主要是将日期转化为毫秒,方法有3种,这里用Date.parse,推荐使用这个* 时间和时间的相减:时间的相关计算,都要先转成纪元时间(把一个时间转成毫秒数),再相减,再把结果转成指定的格式* getTime() 获取纪元时间,* Date.parse(“2015-08-24”)//返回指定日期距1970-...

2019-08-28 16:00:00 181

转载 js小案例-进度条的简单效果

通过JS实现进度条的简单效果,案例很简单,了解就行知识点扩展运动的原理:控制某个样式不断的改变,就有动画效果,这里我们通过改变宽度来达到效果,* 进度条 width不断变大* offsetLeft 获取盒子到有定位的父节点的left值* offsetTop 获取盒子到有定位的父节点的top值* offsetWidth 获取盒子的width值* off...

2019-08-28 15:29:00 154

转载 js经典小案例----乘法表

<style> #output span { display: inline-block; width: 100px; height: 40px; margin: 5px; line-height: 40px; ...

2019-08-24 11:37:00 121

转载 数组小案例-----留言板

需求:1、根据数组的内容,动态生成li节点,渲染数据2、点击按钮可以获取内容生成节点* 新节点从前面插入* 数据只保留5条CSS代码<style> h1 { text-align: center; } .news-list { bo...

2019-08-23 21:12:00 192

转载 obj.变量;结果是undefined原因

var obj={a:1,b:2,c:3};for(var i in obj){console.log(obj.i);}上面代码结果是undefined,原因是因为undefined 没有把i当成变量看待,而是把它当做其中一个属性名;只要你写了dazhei,现在系统里面已经有该属性,只是没有赋值,看不到而已,所以上面代码想要获取对象的值,应改为obj[i];转...

2019-08-23 19:10:00 1071

转载 js-数组去重的方法

在js中我们想对数组中对于数字重复的值进行操作只显示一个,就分享几个方法1、数组的indexOf()方法<script> (function () { var box = document.getElementById('box'); var arr = [1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6...

2019-08-23 11:26:00 78

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除