- 博客(4)
- 收藏
- 关注
原创 Javascript实现轮播图
1.请你想象轮播图的可视区域是一扇有固定宽高的窗户,而要轮播的许多内容是一列长长的火车,显然火车的。每次我们点击或者自动轮播时,“火车”相对窗户往前移动一段距离,好像在一轮轮播放一样。火车由许多节车箱组成,那么这里的车厢与窗户的大小应该相等,这样火车向前移动,车厢也向前移动,才有轮播的感觉。注意窗户一定要设置overflow:hidden;后面的车厢视觉上看不见了,但实际上是火车带动车厢移动。
2024-07-16 22:34:38 221
原创 Html+Css实现鼠标悬浮时,边框出现且不挤压内容
即在box里面再套一个div标签class名为item,宽高设置得与父级box一样大,好像盖在它上面一样。然后再hover到box上时,使item上出现border。这样便不会去视觉上挤压box的内容,只是遮盖了一点点边。代码见上,这样做会在边框出现的同时,像内挤压内容,可能会影响视觉效果。
2024-07-16 22:00:27 298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人