- 博客(4)
- 收藏
- 关注
RSS订阅原创 原生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
541
原创 jQ实现开关灯效果
效果图： 主要效果是点击左边的拉栓改变背景颜色 点击拉栓会有一个上下的动画，关灯的时候眼睛会看向鼠标（眼睛会随着鼠标动）。 我们先写拉栓和背景的样式 html： <div class="switch"> <div class="knot"></div> <div class="tasel"></div> </div> css主要是那个像扫把一样的样式（别的就省略一下）：
2022-05-10 22:48:10
469
原创 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
895
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人