首页 > 语言 > JavaScript > 正文

超炫的jquery仿flash导航栏特效

2024-05-06 14:50:21
字体:
来源:转载
供稿:网友

FLASH导航现在基本上已经是过时了,但是我们可以用jQuery来实现flash效果,非常的不错。

演示地址:http://demo.Vevb.com/js/2014/jqeryfangflashdh/demo.html

代码如下:
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
    <title>demo01</title> 
    <link rel="stylesheet" type="text/css" href="demo.css"> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="demo.js"></script> 
</head> 
<body> 
        <div id="main"> 
        <div class="menu"> 
            <div class="menu_b back1"></div> 
            <span>测试</span> 
        </div> 
        <div class="menu"> 
            <div class="menu_b back2"></div> 
            <span>测试</span> 
        </div> 
        <div class="menu"> 
            <div class="menu_b back3"></div> 
            <span>测试</span> 
        </div> 
        <div class="menu"> 
            <div class="menu_b back4"></div> 
            <span>测试</span> 
        </div> 
        <div class="menu"> 
            <div class="menu_b back5"></div> 
            <span>测试</span> 
        </div> 
        <div class="menu"> 
            <div class="menu_b back6"></div> 
            <span>测试</span> 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选