<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery图片淡入淡出切换特效 - 网页模板</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.simple_slider.js" type="text/javascript"></script>
<style>
@charset "utf-8";
/*基本框架CSS*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
a img {border:0}
body { color: #333; text-align: center; font: 12px "宋体"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
.kePublic{background:#FFF; padding:50px;}
/*基本框架CSS结束，应用特效时，以上样式可删除*/
/* 效果CSS开始 */
.objImgFrame { border: #000000 1px solid; padding: 4px; width: 120px; margin:0 auto }
.simple_slider_hover { cursor: pointer; cursor: hand }
.simple_slider_disabled { opacity : 0.2; filter: alpha(opacity=20); zoom: 1; }
#imgBox{float:left;}
#leftNav{float:left; margin:60px 10px 0 0; cursor:pointer}
#rightNav{float:left; margin:60px 0 0 10px; cursor:pointer}
#holder{width:670px; margin:0 auto; height:180px;}
/* 效果CSS结束 */
</style>
<script>
jQuery(document).ready(function(){
jQuery('#holder').show();
jQuery('#imgBox').simple_slider({
'leftID': 'leftNav',
'rightID': 'rightNav',
'display': 4
})
});
</script>
</head>
<body>
<div class="kePublic">
<!--效果html开始-->
<div id='holder' style='display:none;'>
<img src='images/left.png' id='leftNav' />
<span id='imgBox'>
<img src='images/01.jpg' class='objImgFrame' />
<img src='images/02.jpg' class='objImgFrame' />
<img src='images/03.jpg' class='objImgFrame' />
<img src='images/04.jpg' class='objImgFrame' />
<img src='images/05.jpg' class='objImgFrame' />
<img src='images/06.jpg' class='objImgFrame' />
<img src='images/07.jpg' class='objImgFrame' />
<img src='images/08.jpg' class='objImgFrame' />
<img src='images/09.jpg' class='objImgFrame' />
<img src='images/10.jpg' class='objImgFrame' />
</span>
<img src='images/right.png' id='rightNav' />
</div>
<!--效果html结束-->
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jquery图片淡入淡出切换特效.zip （19个子文件） 
jquery图片淡入淡出切换特效 jiaoben2724 images 
01.jpg 6KB 05.jpg 7KB 07.jpg 5KB 04.jpg 5KB bodyBg.jpg 307B
right.png 4KB bodyBg2.jpg 306B 08.jpg 6KB 10.jpg 4KB bodyBg3.jpg 307B 03.jpg 6KB 06.jpg 7KB 02.jpg 7KB left.png 4KB 09.jpg 6KB
index.html 3KB js 
jquery.simple_slider.js 3KB jquery-1.3.2.min.js 56KB jquery图片淡入淡出切换特效.jpg 43KB资源评论
