Начало
Детали страницы
Логотип Брендинг
Вы видели плавающий логотип на Geocities сайтов? Как бы вы хотели иметь свой ??собственный логотип, плавающий в углу вашего сайта?
Scroll up and down this page and watch the logo in the corner!
JavaScript Page Details: Логотип Брендинг
<!-- THREE STEPS TO INSTALL LOGO BRANDING: 1. Insert the first code into the HEAD of your HTML document 2. Add the onLoad event handler to the BODY tag 3. the last code into the BODY of your HTML document --> <!-- STEP ONE: Put this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! > <!-- Begin function setVariables() { imgwidth=235; // logo width, in pixels imgheight=19; // logo height, in pixels if (navigator.appName == "Netscape") { horz=".left"; vert=".top"; docStyle="document."; styleDoc=""; innerW="window.innerWidth"; innerH="window.innerHeight"; offsetX="window.pageXOffset"; offsetY="window.pageYOffset"; } else { horz=".pixelLeft"; vert=".pixelTop"; docStyle=""; styleDoc=".style"; innerW="document.body.clientWidth"; innerH="document.body.clientHeight"; offsetX="document.body.scrollLeft"; offsetY="document.body.scrollTop"; } } function checkLocation() { objectXY="branding"; var availableX=eval(innerW); var availableY=eval(innerH); var currentX=eval(offsetX); var currentY=eval(offsetY); x=availableX-(imgwidth+30)+currentX; y=availableY-(imgheight+20)+currentY; evalMove(); setTimeout("checkLocation()",10); } function evalMove() { eval(docStyle + objectXY + styleDoc + horz + "=" + x); eval(docStyle + objectXY + styleDoc + vert + "=" + y); } // End --> </SCRIPT> <!-- STEP TWO: Add this onLoad event handler to the BODY tag --> <BODY onload="setVariables(); checkLocation();"> <!-- STEP THREE: Put this code into the BODY of your HTML document --> <div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2"> <table width=10 bgcolor=#ffffff><td> <a href="http://JavaScripts-do.narod.ru" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true"><center><img src="your-logo.gif" width="235" height="19" border="0"></center></a></font></td> </table> </div> <!-- Script Size: 2.22 KB -->