自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 纯JavaScript-轮播图(幻灯片)

本文使用了纯JS创建轮播图,通过封装的函数来创建元素并添加到父元素中来实现样式。思路是:页面始终显示一张图片,当滚动时 在前面或后面添加下一张图片 然后达到指定位置时 把之前的图片删除在使用时只需要把 imgSrcList(图片地址数组)、aHrefList(图片对应超链接数组)、 btnSrcList(左右按钮图片地址)、WIDTH(定义的每张图片的宽度)、HEIGHT(定义的每张图片的高度) 进行相应的修改即可。<!DOCTYPE html><html lang="en"&gt

2020-06-06 12:53:28 555

原创 JS数据类型及转换

Javascript中的基本数据类型有:字符型、数值型、布尔型、undefined、null五种。如何判断数据类型使用 typeof console.log(typeof "aaa");// string console.log(typeof 1);// number var a; console.log(typeof a) //undefined值得注意一点 null 使用typeof判断数据类型返回的是objectvar b = null;console.log(b)// objec

2020-06-05 16:57:09 131

原创 CSS实现立方体

Css制作立方体这周在逆战班学习了过渡(transition),2D动画(transform),渐变(gradient),以及3D动画特效。让我能够敲出很多很炫很好看的动画特效。今天想讲一下如何制作一个立方体。首先,一个立方体需要六个面,所以我们可以用6个div放在一个大的div里,也可以用ul,li列表来制作。<div class="wrap"> <div cla...

2020-03-07 16:09:39 1323 1

原创 Css定位属性

在逆战班学习三周了,这周接触到了css的定位属性。Css的定位属性的属性名是position,它有5个属性值,分别是static(默认值),relative(相对定位),absolute(绝对定位),fixed(固定定位)和sticky(粘性定位)。1.默认值 static:没有定位 或者 是取消前面给元素设定的定位属性,使其没有定位。2.相对定位 relative:相对定位的参照物是元素自...

2020-02-29 13:46:18 504 1

原创 Css清除浮动

这周在逆战班学到了很多的内容,针对于浮动,我有一些感悟。首先什么是浮动?元素浮动就是通过给元素添加float:left/right;来使元素脱离文档流,让元素能够并排显示,直到这一行放不下下个元素,再换行。那为什么要清楚浮动呢?元素浮动后,脱离了文档流,就不会再占据原有的空间,而原本被这个元素撑开的父元素就会高度塌陷,高度就会变成0px。这会导致与父元素同辈的元素不能够正常显示。所以要进行...

2020-02-22 09:29:57 135

空空如也

空空如也

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

TA关注的人

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