所属分类:导航,媒体-手风琴菜单,图片展示,幻灯片和轮播图
实现非常简单,监听鼠标事件,当鼠标移动到元素上给该元素添加一个class,通过class改变来实现轮播效果
对应的背景<div class="bg bg-box-1"></div>先添加一个,手风琴项也对应加一个
<li> <div class="text"> 尼尔机械纪元 </div> </li>
还有css样式自己加一下另外加图片需要进行宽带计算,当前总宽是1000px,显示的图片为700px,隐藏的图片为100px,所以当前4张图片3个隐藏总共300px,加上一个显示为700px,加起来刚好是1000px,若要加图片的话就必须缩小图片显示的宽度。比如加一张图,由于隐藏图片占宽是100px,所以显示宽必须要减少100px
如果有问题直接回复我
“如果有问题直接回复我”这句话本是想用在代码放得上来的情况下的。。。然而现在。。大家不要介意
怎么增加更多的图片