半透明圆角边框的jQuery幻灯图片代码
- 作者:网页模板
- 大小:0.268MB
- 点击次数:
- 发布时间:2014-04-18 13:34
特效介绍
半透明圆角边框的jQuery幻灯图片代码,有点过渡效果,带向左和向右滚动按钮和控制点。使用方法
1、在head区域引入nivo-slider.css和style.css。2、把下面的代码放到您的html文件的banner区域:
<div id="wrapper"> <div id="slider-wrapper"> <div id="slider" class="nivoSlider"> <a href="http://www.5imoban.net/" target="_blank"><img src="images/toystory.jpg" alt="" /></a> <a href="http://www.5imoban.net/" target="_blank"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a> <a href="http://www.5imoban.net/" target="_blank"><img src="images/walle.jpg" alt="" /></a> <a href="http://www.5imoban.net/" target="_blank"><img src="images/nemo.jpg" alt="" title="#htmlcaption" /></a> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> </div> </div> <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script>
- 本文标签:
- jQuery幻灯图片代码