自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 倒计时关闭隐藏元素

也是一样先获取元素,我用的是setInterval定时器,每隔一秒调用一次,由于调用有一秒的延迟所以先调用函数,在调用回调函数,这样刷新时不会有一秒的空白期。首先需要获取点击的按钮元素和需要隐藏的元素,然后定义一个变量把获取的元素赋值给它。然后就需要绑定点击事件了,在点击按钮时让box元素隐藏,点击事件就完成了。先展示下我的结构样式。

2023-06-06 14:43:51 65 1

原创 好玩的旋转木马

首先给给body开启透视,给最大盒子也开启3d透视,这样里面的子盒子才有看起来3d的效果,然后给最大的那个盒子在页面水平居中,里面的盒子呢都定位使其不会变形,里面 图片100%和盒子一样大。然后再给每个子盒子使用transform属性进行移位旋转,斜角的位置先旋转在移动,否则会偏移。首先是一个大盒子,里面每个盒子放一张图片,你想要多少张图片就搭建几个盒子。位置都摆好了就可以动画旋转了,给最大的盒子旋转。我用了12个盒子,外面8个,里面4个。

2023-05-23 11:11:58 44

空空如也

空空如也

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

TA关注的人

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