Записи участника (RazieL) (Форум аццкого кодера)

<script type="text/javascript">
var Header = {
addFade : function(selector){
$("<span class=\"fake-hover\"></span>").css("display", "none").prependTo($(selector));
$(selector+" a").bind("mouseenter",function(){
$(selector+" .fake-hover").stop(true, true).fadeIn(1000);
});
$(selector+" a").bind("mouseleave",function(){
$(selector+" .fake-hover").stop(true, true).fadeOut(1000);
});
}
};
$(function(){
Header.addFade("#header");
});
</script>

<style type="text/css">
#header {
margin: 0; padding: 0; text-indent: -9999px; width: 890px; height: 200px; position: relative;
background: url('/design/logo-bg.png') no-repeat;
}
#header a {
position: absolute; top: 0; left: 0; width: 890px; height: 200px; display: block; border: 0;
background: transparent; overflow: hidden;
}
#header .fake-hover {
margin: 0; padding: 0; width: 890px; height: 200px; display: block; position: absolute; top: 0; left: 0;
background: url('/design/logo-bg.png') no-repeat 0 -200px;
}
</style>

<div id="header"><a href="http://guiltygear.ucoz.ru/">Header</a></div>

<script type="text/javascript">
function toggle( targetId ) {
if (document.getElementById) {
target = document.getElementById( targetId );
if (target.style.display == "") {
target.style.display = "block";
} else {
target.style.display = "";
}
}
}
</script>
<a href="javascript://" onclick="toggle( id$ID$ ); return false;">Инфо</a>
<div class="user_info" id="id$ID$">Содержимое</div>

<script type="text/javascript">
function on(){
if ($("div.user_info").width() == '0'){
$('div.user_info').animate({
width:"210px",
display:"block",
opacity: 1
}, 1000) }
      else {
$('div.user_info').animate({
width:"0px",
display:"none",
opacity: 0
}, 1000); }
};
</script>
<a href="javascript://" onclick="on()">Инфо</a>
<div class="user_info" id="id$ID$">Содержимое</div>

({width:"210px",display:"block",opacity:'1'},1000)}

<script type="text/javascript">
function on(id){var obj=$('#'+id);
if(obj.opacity()=='0'){obj.animate({width:'210px',opacity:'1'},500)}
else{obj.animate({width:'0xp',opacity:'0'},500);}
};
</script>

<script type="text/javascript">
function on(id){var obj=$('#'+id);
if(obj.margin-left()=='0'){obj.animate({margin-left:'225px',opacity:'1'},500)}
else{obj.animate({margin-left:'0px',opacity:'0'},500);}
};
</script>