自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 原生js制作简单的五子棋效果

效果图:这个棋盘是我在网上扣的图,总的来说,就是两个按钮 一个棋盘,我把图片当成背景图,在section里面放了15 × 15 个div(这个可以在js里面加div也可以在html写‘ div*225’),利用padding 和弹性布局 确保div正好在点上。 section{ background-image: url(./img/五子棋.png); width: 555px; height: 555px..

2022-05-11 14:57:10 580

原创 jQ实现开关灯效果

效果图:主要效果是点击左边的拉栓改变背景颜色 点击拉栓会有一个上下的动画,关灯的时候眼睛会看向鼠标(眼睛会随着鼠标动)。我们先写拉栓和背景的样式html: <div class="switch"> <div class="knot"></div> <div class="tasel"></div> </div>css主要是那个像扫把一样的样式(别的就省略一下):

2022-05-10 22:48:10 495

原创 CSS或JS两种方式实现手风琴式折叠菜单

这篇文章主要介绍了CSS&JS两种方式实现手风琴式折叠菜单(示例代码)以及相关的经验技巧<div class="accordion"> <div id="one" class="section"> <h3><a href="#one">折叠栏1</a></h3> <div id="image1" class="image"><img src=""></d

2022-05-09 21:37:12 951

原创 js电影倒计时

效果图:除了动画 别的样式特别简单,动画主要是用到了clip-path

2022-05-07 18:33:23 255

空空如也

空空如也

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

TA关注的人

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