轮播图
文章平均质量分 74
EffIdong
计划!效率!
展开
-
轮播图--文字上下方向自动滑动
首先html+css布局 html<div class="weather-info"> <ul> <li>Shandong ZiBo</li> <li>cloud</li> <li>80ºF</li> <li>15Km/h</li> </ul> </div> css.weather-info{ width: 300px;原创 2017-05-22 20:47:40 · 1415 阅读 · 0 评论 -
旋转轮播图
最近觉得手生,看到优酷官网的轮播图,所以决定写个旋转轮播图效果。 与之前自己写的轮播图最大不同的是: 之前我做轮播图有两种方式 通过设置ul和li,把li排成一行,计算宽度,达到轮播图左右切换的效果 把li摞在一起,设置渐变隐藏或者显示,类似慕课网官网效果 旋转轮播图实现的原理又给我提供了一种新的思路,通过在切换中改变标签的内容和位置来达到切换效果 实例代码: html <div clas原创 2017-06-24 17:07:29 · 801 阅读 · 0 评论