fsbanner.js横向手风琴滑动切换

新建html文档。

书写hmtl代码。

书写css代码。.fsbanner, .fsbanner > div > span { /* obrigatório */ display: none; }div.fsbanner { /* obrigatorio */ position: relative; overflow: hidden; /* opcional */ height: 300px; color: white; font-size: 20px; font-family: Verdana; font-weight: bold; border-radius: 5px; -webkit-text-stroke: 1px black; }.fsbanner > div { position: absolute; background-size: cover; cursor: pointer; top: 0px; left: 0px; }.fsbanner > div .name { display: block; position: absolute; left: 10px; bottom: 10px; }.fsbanner > div .name.minimized { /* css3 */ transform: rotate(-90deg); transform-origin: left top 0; /* pode ser necessário ajustar isso dependendo da fonte escolhida */ bottom: -13px; left: 7px; }.container { margin: 10px auto; max-width: 768px; }

书写并添加js代码。 

代码整体结构。

查看效果。