jQuery演示8种不同的图片遮罩层动画效果

iconmenu是一个可以创建图标、美化菜单的插件。

淘建站为您提供更多_图片代码_图片滑动_遮罩层，在此特别感谢您对我们的支持与厚爱！

图片导航菜单html

<ul id="sti-menu" class="sti-menu">
    <li data-hovercolor="#37c5e9">
        <a href="#">
            <h2 data-type="mText" class="sti-item">Advanced Patient Care</h2>
            <h3 data-type="sText" class="sti-item">Personalized to your needs</h3>
            <span data-type="icon" class="sti-icon sti-icon-care sti-item"></span>
        </a>
    </li>
    <li data-hovercolor="#ff395e">
        <a href="#">
            <h2 data-type="mText" class="sti-item">Alternative Medicine</h2>
            <h3 data-type="sText" class="sti-item">Holistic approaches</h3>
            <span data-type="icon" class="sti-icon sti-icon-alternative sti-item"></span>
        </a>
    </li>
</ul>

引入相关插件

<script type="text/javascript" src="http://libs.useso.com/js/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.iconmenu.js"></script>

调用iconmenu图标菜单插件

$('#sti-menu').iconmenu();