私はマウスホバーで動作している1つのスクリプトを使用していますが、クリックで動作していません。これがスクリプトとWebサイトのリンクです。そのホバーをクリックに変更しても機能しません...
http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/
<script type="text/javascript">
$(function () {
$('#nav > div').hover(
function () {
var $this = $(this);
$this.find('img').stop().animate({
'width': '310px',
'height': '110px',
'top': '45px',
'left': '35px',
'opacity': '1.0'
}, 500, 'easeOutBack', function () {
$(this).parent().find('ul').fadeIn(700);
});
$this.find('a:first,h2').addClass('active');
},
function () {
var $this = $(this);
$this.find('ul').fadeOut(500);
$this.find('img').stop().animate({
'width': '52px',
'height': '52px',
'top': '0px',
'left': '0px',
'opacity': '0.1'
}, 5000, 'easeOutBack');
$this.find('a:first,h2').removeClass('active');
}
);
});
http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/