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

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

图片导航菜单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();