Animated MiniTabs
| 01.06.2009, 20:20 | |
| Гладкий эффект анимации меню. ------------------------------------------------ Пример использования скрипта: ------------------------------------------------ Код скрипта: <!-- ПЯТЬ ШАГОВ К УСТАНОВКЕ AUTOCLOSE INACTIVE POPUP: 1. Скопируйте кодирования в HEAD Вашего HTML документа 2. Добавить в событии загрузки обработчик в тело тега 3. Положите последние кодирования в теле HTML документа 4. Создайте новый HTML файл с кодом 5. Создайте новый HTML файл с кодом -> <! - Шаг первый: Вставьте этот код в HEAD Вашего HTML документа -> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- The JavaScript взяли с http://rabotnichek.my1.ru/--> <!-- Begin var TimeOut = 30; // Initial time to Close window after __ number of seconds? var TimeRemain = 0; // Remaining time to Close window after __ number of seconds? var RefreshRate = 2; // Check to close window every __ number of seconds? var ChildWin = null; function TimedPopup(url) { windowprops = "left=250,top=250,width=200,height=200"; // May be adjusted according to your needs if (ChildWin) return false; ChildWin = window.open(url, "ChildWin", windowprops); ResetTimer(); if (TimeOut && RefreshRate) setTimeout("CheckClose();",RefreshRate * 1000); } function ResetTimer() { TimeRemain = TimeOut; document.form1.field1.value = TimeRemain; // For demo purposes only (May be removed) } function CheckClose() { TimeRemain -= (RefreshRate); if (TimeRemain > 0) { if (ChildWin && ChildWin.closed) { document.form1.field1.value = TimeOut; // For demo purposes only (May be removed) ChildWin = null; } else if (ChildWin) { document.form1.field1.value = TimeRemain; // For demo purposes only (May be removed) setTimeout("CheckClose();",RefreshRate * 1000); } } else if (ChildWin) { document.form1.field1.value = TimeOut; // For demo purposes only (May be removed) if (ChildWin.closed) ChildWin = null; else { ChildWin.close(); ChildWin = null; } } } // End --> </script> </HEAD> <! - Шаг второй: Включить в событии загрузки обработчик в ваше BODY тега -> <BODY onUnload="if (ChildWin){ChildWin.close()};"> <! - Шаг третий: Скопируйте этот код в телo HTML документа -> <div align="center"> <form name="form1" method="post" action=""> <input type="button" name="Submit" value="Show Popup" onClick="TimedPopup('autoclose-inactive-popup2.htm');"> <br><br> Time Remaining: <input type="text" name="field1" value="30" size="4"> </form> </div> <! - Шаг четвертый: Вставьте этот код в новый HTML документа -> <!-- Be sure it matches the name in line two of the form above after 'onClick=' --> <html> <head> <title>JavaScript Example</title> </head> <SCRIPT LANGUAGE="JavaScript"> <!-- The JavaScript Source!! http://rabotnichek.my1.ru/ --> <!-- Begin if (window.opener) window.opener.ResetTimer(); // End --> </script> <body> Page 2 <p> If you click on "Next Page", the timer will be reset. <p> <a href="autoclose-inactive-popup3.htm">Next Page </a> </body> </html> <! - Шаг пятый: Вставьте этот код в новый HTML документ -> <!-- Be sure it matches the name in line two of the form above after 'onClick=' --><html> <head> <title>JavaScript Example</title> </head> <SCRIPT LANGUAGE="JavaScript"> <!-- The JavaScript Source!! http://rabotnichek.my1.ru/ --> <!-- Begin if (window.opener) window.opener.ResetTimer(); // End --> </script> <body bgcolor="#FFFFFF" text="#000000"> Page 3 <p> If you click on "Next Page", the timer will be reset. <p> <a href="popup2.htm">Next Page </a> </body> </html> <!-- Script Size: 4.20 KB --> | |
|
| |
| Просмотров: 398 | Загрузок: 0 | | |
| Всего комментариев: 0 | |