Kod:
<script type="text/javascript">
jQuery(function(){
jQuery("#facebook_slider").css("left","-252px");
jQuery("#facebook_slider").hover(function(){
jQuery("#facebook_slider").stop.animate({left: "0px"}, 500 );
jQuery(this).addClass("fb_slider_close");
return false;
},
function(){
jQuery("#facebook_slider").stop.animate({left: "-252px"}, 500 );
jQuery(this).removeClass("fb_slider_close");
return false;
});
});
</script>
Ogólnie cały pic polega na dodaniu .stop przed .animate w funkcji. Powoduje to zatrzymanie poprzedniej animacji w momencie zmiany stanu z mouseenter-mouseleave
Tak tylko teraz nie działa
.
Jak ktoś nie umie czytać, ani dobrze skopiować kodu, to nie moja wina. Dostałeś gotowca do skopiowania, to wolałeś zrobić to ręcznie, na dodatek źle, a przecież napisałem, że .stop ma być przed .animate, a nie za nim. ;p
Mam przed ale nie działa.
Zawartość headerinclude
Kod:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
{$stylesheets}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
<script type="text/javascript">
jQuery(function(){
jQuery("#facebook_slider").css("left","-252px");
jQuery("#facebook_slider").hover(function(){
jQuery("#facebook_slider").stop.animate({left: "0px"}, 500 );
jQuery(this).addClass("fb_slider_close");
return false;
},
function(){
jQuery("#facebook_slider").stop.animate({left: "-252px"}, 500 );
jQuery(this).removeClass("fb_slider_close");
return false;
});
});
</script>
<script type="text/javascript">
jQuery(function(){
jQuery("#my_slider").css("left","-252px");
jQuery("#my_slider").hover(function(){
jQuery("#my_slider").animate({left: "0px"}, 500 );
jQuery(this).addClass("my_slider_close");
return false;
},
function(){
jQuery("#my_slider").animate({left: "-252px"}, 500 );
jQuery(this).removeClass("my_slider_close");
return false;
});
});
</script>
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
Zapomniałem, żeby dodać nawiasy za funkcją stop, mimo, iż nie ma ona parametrów, to dlatego.
//Wpis na wiki poprawiony