钢琴特效菜单

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34303897

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量95

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/86ye/p/3234887.html

<title>钢琴特效菜单</title>
<script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
<script type="text/javascript" src="http://files.cnblogs.com/coffeedeveloper/Modernizr.js"></script>
<link type="text/css" rel="stylesheet" href="http://common.cnblogs.com/Skins/Custom/style.css?id=20130704">


<div id="navigator">
        
<ul id="navList">
<li><a href="http://www.cnblogs.com/" class="menu" id="MyLinks1_HomeLink">博客园</a></li>
<li><a href="http://www.cnblogs.com/86ye/" class="menu" id="MyLinks1_MyHomeLink">首页</a></li>
<li><a href="http://q.cnblogs.com/" class="menu">博问</a></li>
<li><a href="http://home.cnblogs.com/ing/" class="menu">闪存</a></li>
<li><a href="http://www.cnblogs.com/86ye/admin/EditPosts.aspx?opt=1" rel="nofollow" class="menu" id="MyLinks1_NewPostLink">新随笔</a></li>
<li><a href="http://space.cnblogs.com/msg/send/charrysong" rel="nofollow" class="menu" id="MyLinks1_ContactLink">联系</a></li>
<li><a href="http://www.cnblogs.com/86ye/rss" class="menu" id="MyLinks1_Syndication">订阅</a>
<!--<a id="MyLinks1_XMLLink" class="aHeaderXML" href="http://www.cnblogs.com/86ye/rss"><img src="http://images.cnblogs.com/xml.gif" alt="订阅" /></a>--></li>
<li><a href="http://www.cnblogs.com/86ye/admin/EditPosts.aspx" rel="nofollow" class="menu" id="MyLinks1_Admin">管理</a></li>
</ul>
        <div class="blogStats">
            
            
<!--done-->
随笔- 2 
文章- 0 
评论- 1 

            
        </div><!--end: blogStats -->
    </div>
<div id="topics"></div>
<script>
$(function(){
    var audioArr = [];
    var audioUrl = 'http://download.cnblogs.com/coffeedeveloper/';
    for(var i = 1; i <= 8; i++){
        audioArr.push(new Audio(audioUrl + i + (Modernizr.audio.mp3 ? '.mp3' : '.wav')))
    }
    $('#navList').on('mouseenter', 'li', function(){
		audioArr[$(this).index()].pause();
		audioArr[$(this).index()].currentTime = 0;
		audioArr[$(this).index()].play();
    });
    if($('#topics').size() > 0){
        function setSidebar() {
            if($('.catListView, .catListFeedback, .catListComment').size() > 0) {
                $('.catListView, .catListFeedback, .catListComment').css({
                    'position': 'static',
                    'background' : 'none',
                    'border' : 'none',
                    'width' : '100%',
                    'box-shadow' : 'none',
                    'height' : 'auto'
                })
                $('#mainContent .forFlow > div').css('width', '75%');
            }else {
                setTimeout(setSidebar, 100);
            }
        }
        setSidebar();
    }
});
</script>

转载于:https://www.cnblogs.com/86ye/p/3234887.html