利用jquery实现模拟flash翻转的导航



18 68 23



特效描述:利用jquery实现 模拟flash 翻转的导航,利用jquery实现模拟flash翻转的导航 

代码结构

1. 引入CSS

<link href="css/flipmenu.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/flipmenu-min.js"></script>

3. HTML代码

        <div id="wrap">
            <h1>No active menu item</h1>
            <div id="flip_menu1">
                <a href="http://51qianduan.com/">Envato</a>
                <a href="http://51qianduan.com/">Theme Forest</a>
                <a href="http://51qianduan.com/">Flash Den</a>
                <a href="http://51qianduan.com/">Audio Jungle</a>
                <a href="http://51qianduan.com/">Video Hive</a>
                <a href="http://51qianduan.com/">Graphic River</a>
                <a href="http://51qianduan.com/">Net Tuts</a>
                <a href="http://51qianduan.com/">PSD Tuts</a>
                <a href="http://51qianduan.com/">Vector Tuts</a>
                <a href="http://51qianduan.com/">Audio Tuts</a>
            </div>
            <h1>With active menu item</h1>
            <div id="flip_menu2">
                <a href="http://51qianduan.com/">Envato</a>
                <a class="active" href="http://51qianduan.com/">Theme Forest</a>
                <a href="http://51qianduan.com/">Flash Den</a>
                <a href="http://51qianduan.com/">Audio Jungle</a>
                <a href="http://51qianduan.com/">Video Hive</a>
                <a href="http://51qianduan.com/">Graphic River</a>
                <a href="http://51qianduan.com/">Net Tuts</a>
                <a href="http://51qianduan.com/">PSD Tuts</a>
                <a href="http://51qianduan.com/">Vector Tuts</a>
                <a href="http://51qianduan.com/">Audio Tuts</a>
            </div>
        </div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 旋转翻转 旋转 翻转 文字翻转 文字旋转
×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到