自定义博客皮肤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)
  • 收藏
  • 关注

原创 原生js自动轮播图

本篇运用纯原生js来实现自动轮播图,仅供大家参考。 注:因为是用的纯原生写的,所以css也是用原生js写的 具体思路如下: 1、首先,要考虑轮播图是怎么布局 2、需要一个轮播图的容器 3、轮播图上还需要有左右两个点击按钮 4、轮播图下方需要点击按钮 5、需要定时器来实现自动轮播 大致思路就是这样 ,现在我们一步一步的来实现。 imgCon 放置所有图片的容器 dotList 放置小圆点列表 bnList 放置左右按钮的数组 imgList 放置所有图片的数组 pos是确定当前是第几

2020-07-13 14:14:28 314

原创 js双重循环打印乘法表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>99乘法表</title> <style> * { margin:

2020-07-13 10:27:44 240

原创 CSS3 文本阴影、盒子阴影

今天我们来了解一下文本阴影和盒子阴影 一、文本阴影(text-shadow) 使用text-shadow,可以在不使用图像表示文本的情况下,为段落、标题等元素中的文本添加动态的阴影效果。(有继承性) 在我们的文本添加上阴影之后,他可以变得非常的炫酷 ; 我们先来了解一下text-shadow的值: X 水平阴影的位置,值可以为负数(不可省略) Y 垂直阴影的位置,值可以为负数...

2020-03-08 22:09:43 266

原创 CSS定位

什么是定位?(position) css中的position属性,position有四个值:absolute/relative/fixed/static(绝对/相对/固定/静态(默认))通过定位属性可以设置一些不规则的布局,使用top、bottom、left、right来调整元素的位置。 值 描述 absolute(绝对定位) 脱离文档流,通过 top,bottom,left,ri...

2020-02-29 16:53:03 151

原创 CSS 浮动

float(浮动)是CSS布局中使用比较多的一个属性; float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 float属性如下: 值 描述 left 元素向左浮动 right 元素向右浮动 none 默认值,元素不浮动 inherit 从父元素...

2020-02-22 17:33:01 194

空空如也

空空如也

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

TA关注的人

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