特效描述:利用jQuery实现自适应图片画廊插件,利用jQuery实现自适应图片画廊插件

代码结构

1. 引入JS

<script src="jquery.js" type="text/javascript"></script>

<script src="jmorph.js" type="text/javascript"></script>

2. HTML代码

<div id="container">
<h1><a href="#">jQuery morphing gallery</a></h1>
<a href="#">back to the article</a>
<div class="jmorph">
<div class="imageContainer">
<div class="image">
<div class="currentImg" style>
<div class="nextImg"></div>
</div>
</div>
</div>
<div class="clearfix">
<a href="#pvious" class="pvious">&lt;&nbsp;Prev</a>
<div class="bandContainer">
<ul class="band">
<li><a href="1.jpg">Forest</a></li>
<li><a href="2.jpg">Cliff</a></li>
<li><a href="3.jpg">Sky</a></li>
<li><a href="4.jpg">Town</a></li>
<li><a href="5.jpg">Trees</a></li>
</ul>
</div>
<a href="#next" class="next">Next&nbsp;&gt;</a>
</div>
</div>
</div>
<script>
$(".jmorph").jmorphGallery();
</script>

下载地址

立即下载

1.《jquery插件推荐-自适应图片画廊插件》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《jquery插件推荐-自适应图片画廊插件》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

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