1.Создаем папку Images в корне сайта и пихаем туда картинки.
2.Идем в верхнюю часть сайта и пихаем туда в самый верх код:
Code
<div style="position:absolute; position:fixed; top:24px; left:0px; width:100%; z-index:4;" >
<center>
<div id="preloader" align="center" style="padding:10px 0px; width:200px; background:url
(/images/fonloader.png); -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px; -
webkit-border-radius-bottomright:5px; font-size:7pt; color:#fff;">
<img src="/images/preloader.gif" alt="" /><br>
<font color="#5d5d5d">Идёт загрузка страницы...</font>
</div>
</center>
</div>
3.Идем в нижнюю часть сайта и пихаем туда в самый низ код:
Code
<script>
var styles = 'font:12px Tahoma;background:#e0e0e0;padding:3px 6px 5px 6px;color:#5d5d5d;bord
er:1px dashed #5d5d5d';
var opacit = 90; // прозрачность в процентах
var optime = 300; // скорость появления и исчезновения в мс
var tposit = 5; // количество пикселей, на которое подсказка отступает от курсора вверх и вправо
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.lengt
h;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g
=new Date().getTime();j[g]
=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+
"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";
document.b
ody.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=m
ouse(e).x+tposit+"px";d
ocument.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[
g].style.left=mouse(b).x+tp
osit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.rem
oveAttribute
("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);docu
ment.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeC
hild(k[g])})}}}}function mous
e(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentE
lement.scrollLeft+h.clientX:j.b
ody.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.b
ody.s
crollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=(
[0-9]*).*/,"$1");
if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}
var e=new Date().getTime();se
tTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter=
"alpha(opacity="+j+")"}else
{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity
="+b+")"}else{f.style.opacity=
b}if(c){c()}}},10)};
</script>
<script type="text/javascript">
$("body.main").attr("onUnload", "$(\'#preloader\').fadeIn(\'1000\');");
$('#preloader').fadeOut('1000');
</script>
Скачать