垂直竖向，水平滚动插件插件

最新推荐文章于 2018-05-15 11:49:41 发布

最骚的就是你

最新推荐文章于 2018-05-15 11:49:41 发布

阅读量2.2k

点赞数

分类专栏： web前端学习文章标签： jquery 插件垂直竖向-水平滚动

本文链接：https://blog.csdn.net/libin_1/article/details/50733231

版权

本文介绍了一款jQuery插件，它能够帮助开发者创建独特的垂直竖向布局，同时支持水平滚动效果。这个插件适用于需要展示大量横向内容但空间有限的网页设计，提供了一个优雅的解决方案。

摘要由CSDN通过智能技术生成

这里写图片描述


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>jQuery内容滚动/滑动插件BoxSlider演示-垂直/竖向_dowebok</title>
<style>
.box-slider { width: 900px; margin: 0 auto;}
.box-slider .box-slider-seta-up { display: block; height: 30px; margin: 0 5px; background: url(img/seta-up.png) no-repeat center center #674172;}
.box-slider .box-slider-seta-down { display: block; height: 30px; margin: 0 5px; background: url(img/seta-down.png) no-repeat center center #674172;}
.box-slider .box-slider-content { height: 420px; margin: 10px 0; overflow: hidden;}
.box-slider .box-slider-move { position: relative; top: 0; left: 0;}
.box-slider .item { float: left; width: 33.3%;}
.box-slider .item span { display: block; height: 200px; background-color: #aea8d3; margin: 5px