• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 广告特效 >  半透明圆角边框的j正文

半透明圆角边框的jQuery幻灯图片代码

作者:网页模板
大小:0.268MB
点击次数:
发布时间:2014-04-18 13:34
分享到:

特效介绍

jQuery幻灯图片代码半透明圆角边框的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幻灯图片代码
鼠标划上去依次弹出的右侧jQuery广告代码
路边灯箱广告效果jQuery图片轮播