直接在html引入banner图
<ul > <li><img src="images/banner1.jpg" /></li> <li><img src="images/banner2.jpg" /></li> <li><img src="images/banner3.jpg" /></li> </ul>
jquery控制banner以背景图显示不影响图片像素
$(function() {
$(".banner_img img").css("display", "none")
$(".banner_img li").each(function(e) {
$(".banner_img li:eq(" + e + ")").css("backgroundImage", "url(" + $(
".banner_img li:eq(" + e + ")").find("img").attr("src") + ")");
});
});该插件简单易懂 初学者更容易学习