<div>
<div class="pics">
<img src="~/Content/Style/images/slide1.jpg" alt="" width="570" height="350">
<img src="~/Content/Style/images/slide3.jpg" alt="" width="570" height="350">
<img src="~/Content/Style/images/slide2.jpg" alt="" width="570" height="350">
<img src="~/Content/Style/images/slide4.jpg" alt="" width="570" height="350">
<img src="~/Content/Style/images/slide5.jpg" alt="" width="570" height="350">
</div>
<a href="#" id="prev"></a>
<a href="#" id="next"></a>
</div>
<div id="datepicker"></div>
3个jquery文件不少
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/ui/jquery-ui-1.8.16.custom.js"></script>
<script src="~/Scripts/ui/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.pics').cycle({
fx: 'toss',
next: '#next',
prev: '#prev'
});
// Datepicker
$('#datepicker').datepicker({
inline: true
});
});
</script>