自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Arvin的博客

前端学习经验一起分享

  • 博客(6)
  • 收藏
  • 关注

原创 js随机位置的双色球

实现效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{margin: 0

2020-12-13 16:59:07 139

原创 js使用定时器实现简单的计时器

实现效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #div1{widt

2020-12-13 16:56:05 486 2

原创 面向对象版左右移动轮播图

面向对象版轮播图效果图如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{

2020-12-13 16:49:10 164

原创 左右移动版轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar

2020-12-13 16:43:55 230

原创 JS实现简单的杨辉三角

我们通过i与j分别控制每行生成的*与空格,再用字符串进行拼接;实现效果: <script> for(j=0,str1="*";j<=4;j++){ for(i=4,str2=" ";i>j;i--){ str2=str2+" "; } var str=str2+str1; console.log(str) str1=st

2020-12-13 16:32:43 349

原创 JS解决子元素浮动或绝对定位造成的父元素高度塌陷问题

当我们在代码中给子元素添加浮动或者绝对定位时,父元素会存在高度塌陷问题,可以使用JS来解决。首先通过获取子元素的高度,将子元素的高度传给父元素,同时在页面窗口或框架被调整大小时获取子元素高度并传给父元素。代码如下: 子元素.onload = function () { height = this.height; 父元素.style.height = height + "px"; } window.onresize

2020-11-21 23:09:14 2012

空空如也

空空如也

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

TA关注的人

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