特效描述:利用jquery实现 多种切换 幻灯轮换代码,利用jquery实现多种切换幻灯轮换代码

代码结构

1. 引入CSS

<link rel=”stylesheet” href=”nivo-slider.css” type=”text/css” media=”screen” />

<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen” />

2. 引入JS

<script type=”text/javascript” src=”scripts/jquery-1.4.3.min.js”></script>

<script type=”text/javascript” src=”jquery.nivo.slider.pack.js”></script>

3. HTML代码

<div id=”wrapper”>
<a href=”http://cxvn.com/” id=”dev7link” title=”Go to dev7studios”>dev7studios</a>
<div id=”slider-wrapper”>
<div id=”slider” class=”nivoSlider”>
<img src=”images/toystory.jpg” alt=”” />
<a href=”http://cxvn.com/”><img src=”images/up.jpg” alt=”” title=”This is an example of a caption” /></a>
<img src=”images/walle.jpg” alt=”” />
<img src=”images/nemo.jpg” alt=”” title=”#htmlcaption” />
</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”>
$(window).load(function() {
$(‘#slider’).nivoSlider();
});
</script>

下载地址

立即下载

1.《利用jquery实现多种切换幻灯轮换代码》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《利用jquery实现多种切换幻灯轮换代码》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/code/focus/408.html