Public/bill/css/product-slider.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*************************************/
/***** Banner With Multiple Items ****/
/*************************************/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.slider {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 970px;
	height:280px;
	padding: 0px;
}

.slider-nav {
	position: relative;
}

.slider-nav a.next2,
.slider-nav a.prev2 {
	position: absolute;
	width: 27px;
	height: 27px;
	top: 123px;
	z-index: 99;
	cursor: pointer;
	text-indent: -8888px;
	opacity: 0.5;
	filter:alpha(opacity=30);
}

.slider-nav a:hover.next2,
.slider-nav a:hover.prev2 {
	opacity: 1;
	filter:alpha(opacity=100);
}

.slider-nav .prev2 {
	background: url(../images/carousel_arrows.png) no-repeat;
	background-position: 0px 0px;
	left: -15px;
}
.slider-nav .next2 {
	background: url(../images/carousel_arrows.png) no-repeat;
	background-position: 0px -27px;
	right: -15px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.slider .items {
	/* this cannot be too large */
	width:20000em;