自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 选项卡实现案例方法一 (以索引的方式把实参传给形参,从而触发注册点击事件)

选项卡实现案例方法方法一1. 利用用户点击时,把索引传递进来,触发点击事件从而实现文本内容切换鼠标点击时,切换文本内容方法一1. 利用用户点击时,把索引传递进来,触发点击事件从而实现文本内容切换 <div class="tabBox" id="tabBox"> <ul> <li class="active">新闻</li> <li>电影</li>

2020-11-07 12:02:55 201

原创 CSS+JS实现文本隔行变色的几种方法

隔行变色的九种实现方案 CSS+JS实现文本背景三行变色方案一:用CSS实现隔行变色==利用伪类选择器来实现文本背景隔行变色==JS方案:采用JS实现隔行变色方案二:for循环 > 遍历的数除以3 取余数 (模3)行内样式改变样式。方案三:for循环 > 遍历的数除以3 取余数 (模3)在style上面设置样式,在下面通过className,赋值标签名。方案四:switch循环 > style里面设置类名样式。.className方案五:三元运算 > 表达式1? 表达

2020-11-07 09:45:36 1489

原创 日常记录 -- javascript --webAPI DOM的 理解

javascript --webAPI DOM的 理解APIAPI

2020-09-08 22:44:11 133

原创 求两个人的出生日期相差了几岁几天? ( 计算两个时间对象的相差的 天 / 时 / 分 / 秒 )

求两个人的出生日期相差了几岁几天?计算两个时间对象的时间差,让两个时间相减,正常结果下,两个时间对象是不能相减的,但是计算机内部存储时间就是存储数值

2020-08-17 10:07:40 4394

原创 Math对象案例:随机生成RGB颜色

Math对象案例:随机生成RGB颜色用函数方式,返回的结果是一个字符串 rgb(100, 100, 100)类似参数,rgb(100, 100, 100) RGB的颜色取值范围是 (0, 255)因里面的参数是随机不稳定的,有时会是10,100之间,所以参数可以写得更灵活一点,用min, max 来表示。求随机生成的整数:function random (min, max) { return Math.floor(Math.random() * (max - min +1) +min;}m

2020-08-17 09:18:34 1843

原创 Math.random() 求两个数之间的随机整数 ,包含两个数在内

@[TOC](Math.random() 求10~20之间的随机整数 ,包含10~20在内)

2020-08-05 23:01:40 1887 1

原创 javascript 数据类型在内存中存储的方式 (简单类型,复杂类型,简单、复杂作为函数在内存的方式,数组的特点)

数据类型在内存中存储的方式js 中数据类型中包含:基本数据类型:String、Boolean、Number、undefined、null、Symbol引用数据类型(复杂数据类型):Object

2020-08-03 09:48:46 795

原创 数组中的 冒泡排序 小案例

javascript (冒泡排序

2020-08-03 09:23:03 195

原创 背景颜色、字体等的不透明区别 (opacity、transparent以及rgba的区别)

List itemopacity、transparent以及rgba的区别

2020-08-01 20:41:00 1481

原创 javascript (求n个数中最大一个值) 分别用 遍历数组,函数,函数返回值 分别求出值

javascript (求n个数中最大一个值) 分别用 遍历数组,函数,函数返回值 分别求出值 一、遍历数组求一组数中最大一个值,分别用 遍历数组,函数,函数返回值 分别求出值?一、遍历数组/* 用打擂方式 比较求出 最大值 */// 定义一组数组var maxNum= [5, 30, 80, 150] {// 假设 第一个数为最大值,让它与后面的每个数相对比var num = maxNum[0]; for (var i = 1; i < maxNum.length; i++) {

2020-07-09 08:12:43 315

原创 CSS 复合选择器 web前端 CSS 基础 选择器

CSS 复合选择器交集选择器并集选择器后代选择器子元素选择器属性选择器可以根据选择器的类型把选择器分为基础选择器【详情请见:CSS 基础篇 (一) web前端基础.】和复合选择器,复合选择器是建立在基础选择器的基础上,对基础选择器进行组合形成的。复合选择器可以更精准、高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成常用的复合选择器有:后代选择器、子选择器、并集选择器、伪类选择器等交集选择器特点:选择器+类名来书写。h3.类名{属性 }同一级别的

2020-06-30 21:13:06 187

原创 CSS 基础篇 (二) web 前端基础

CSS 基础篇 (二)1. CSS 外观属性1.1 CSS 文本颜色1.2 行间距1.3 文字对齐方式1.4 首行缩进1.5 字间距1.6 单词间距1.7 文本装饰1.8 颜色半透明(css3)1.9 文字阴影2. 引入CSS样式表(书写位置)2.1 行内式(内联样式)2.2 内部样式表(内嵌式)2.3 外部样式表(外链式)2.4 标签显示模式2.5 块级元素2.6 行内元素2.7 块级元素和行内元素区别2.8 行内块元素33 CSS 背景(background)3.1 背景

2020-06-22 20:21:01 222

原创 CSS 伪类选择器 web前端基础

CSS 伪类选择器特性:链接伪类选择器结构(位置)伪类选择器(CSS3)目标伪类选择器特性:伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果, 比如可以选择 第1个,第n个元素。伪类选择器书写最大的特点是用 冒号 :表示伪类选择器有很多,比如有链接伪类、结构伪类等伪类选择和类选择器的区别:类选择器是一个点 比如 .demo { 属性值 }而我们的伪类 用 2个点 就是 冒号 比如 :link { 属性值 }链接伪类选择器语法如下:a:link { 样式声明

2020-06-19 18:40:27 191

原创 CSS 基础篇 (一) web前端基础

CSS 基础篇(一)1. CSS样式规则2. 文字样式属性2.1 字体大小2.2 文字样式3. 选择器4. css 外观属性5. css 引入样式表6. 标签显示模式7. css 复合选择器一、CSS是什么?CSS:称为css样式表,用于设置html里面的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。解决了hmtl混乱的结构与样式。正常一个完整的文件分html与css两个文件,html只写结构,css文件只写样式。1. CSS样式规则

2020-06-19 18:12:39 199

原创 html 基础知识 -- 前端Web - HTML 基础篇

前端Web - HTML 基础篇HTMLhtml 为浏览器的超文本语言。html 骨架:功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + Shift + H无序列表:Ctrl/Command + Shift + U有序列表:Ctrl/Command + Shift + O检查列表:Ctrl/Command + Shift + C插入

2020-06-11 12:46:21 711

原创 CSS 基础(三) web前端基础 [CSS背景颜色,三大特性]

CSS 基础篇 (三)一、CSS的背景1.1 背景颜色1.2 背景图片1.3 背景平铺1.4 背景位置1.5 背景附着1.6 背景简写1.7 背景透明1.8 背景绽放1.9 多背景二、CSS 三大特性2.1 CSS 层叠性2.2 CSS 继承性2.3 CSS 优先性2.4 CSS 特殊性一、CSS的背景CSS 可以添加背景颜色和背景图片,以及来进行图片设置。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等等。属性描述background-color背

2020-07-21 15:03:06 679

空空如也

空空如也

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

TA关注的人

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