• Css Template Preview
  • Css Template Preview
  • Css Template Preview
  • Css Template Preview
  • Css Template Preview

Usage

$(document).ready(function(){	
	$("#slider").easySlider();
});

CSS

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}	
本代码由懒人建站网 收集整理
懒人建站 http://www.51xuediannao.com

懒人建站为您提供-各种bolg制作技巧,HTML技巧,CSS技巧和CMS使用技巧
懒人建站只收录实用和能提高用户体验的代码
我们只想解放出你的部分写代码时间来思考更高层次的设计,而不是要你懒惰、拼凑。