ВОЛШЕБНАЯ СТРАНА ЛЮБВИ http://helena.maxbb.ru/ |
|
скрипты для сайта http://helena.maxbb.ru/topic516.html |
Страница 1 из 12 |
Автор: | helena [ 27-12, 22:38 ] |
Заголовок сообщения: | скрипты для сайта |
Ссылки светятся ( при наведении курсора) <html> <head> <title>Ссылки светятся ( при наведении курсора)</title> <style type="text/css"> .nav { COLOR: #ffff00; FONT-FAMILY: arial; FONT-SIZE: 10pt; LEFT: 150px; POSITION: absolute; TEXT-DECORATION: none} </style> <SCRIPT language="JavaScript"> <!-- var i_strength=0 var max_strength=6 var shadowcolor="red" var timer var speed=50 var thisobj function stopfilter(thisdiv){ if (document.all) { clearTimeout(timer) thisobj=thisdiv thisobj.style.filter=" " } } function startfilter(thisdiv){ if (document.all) { clearTimeout(timer) thisobj=thisdiv morefilter() } } function morefilter(){ if (i_strength <=max_strength) { thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")" i_strength++ timer = setTimeout("morefilter()",speed) } else { clearTimeout(timer) lessfilter() } } function lessfilter(){ if (i_strength >=0) { thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")" i_strength-- timer = setTimeout("lessfilter()",speed) } else { clearTimeout(timer) morefilter() } } // --> </SCRIPT> </head> <body> <div class="nav" id="news" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 10px"><a href="http://studia.scriptic.ru" style="color: #ffff00">ГЛАВНАЯ СТРАНИЦА</a></div> <div class="nav" id="contact" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 30px"><a href="http://studia.scriptic.ru" style="color: #ffff00">JAVASCRIPT</a></div> </body> </html></textarea> </td><td bgcolor="#006600" width="1px"></td> <td align="center"> <a href="http://netprizyvu.org"><img alt="Марш за добровольную армию. Заяви о своем участии! " src="http://netprizyvu.org/100x100.gif" width="100" height="100" border="0" /></a><br> <a href="http://www.namarsh.ru/"><img src="http://www.namarsh.ru/images/namarsh_100x100_1.gif" width="100" height="100" border="0"></a> </td></tr></table> <hr color="#006600"> <table align="center" width="100%"><tr> <td><!-- hosted by .masterhost --><a href="http://masterhost.ru" target="_top"> <img src="http://masterhost.ru/client/buttons/88x31/10.gif" border="0" width="88" height="31" align="texttop" alt="hosted by .masterhost"></a><!-- end --></td> <td><!-- SpyLOG f:0211 --> <script language="javascript"><!-- Mu="u4898.19.spylog.com";Md=document;Mnv=navigator;Mp=1; Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mrn=Math.random(); Mt=(new Date()).getTimezoneOffset(); Mz="p="+Mp+"&rn="+Mrn+"&t="+Mt; My=""; My+="<a href='http://"+Mu+"/cnt?cid=489819&f=3&p="+Mp+"&rn="+Mrn+"' target='_blank'>"; My+="<img src='http://"+Mu+"/cnt?cid=489819&"+Mz+"&r="+escape(Md.referrer)+"&pg="+escape(window.location.href)+"' border=0 width=88 height=31 alt='SpyLOG'>"; My+="</a>";Md.write(My);//--></script><noscript><a href="http://u4898.19.spylog.com/cnt?cid=489819&f=3&p=1" target="_blank"><img src="http://u4898.19.spylog.com/cnt?cid=489819&p=1" alt='SpyLOG' border='0' width=88 height=31 > </a></noscript> <!-- SpyLOG --></td> <td><!--Rating@Mail.ru COUNTER--><script language="JavaScript"><!-- d=document;var a='';a+=';r='+escape(d.referrer) js=10//--></script><script language="JavaScript1.1"><!-- a+=';j='+navigator.javaEnabled() js=11//--></script><script language="JavaScript1.2"><!-- s=screen;a+=';s='+s.width+'*'+s.height a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth) js=12//--></script><script language="JavaScript1.3"><!-- js=13//--></script><script language="JavaScript"><!-- d.write('<a href="http://top.mail.ru/jump?from=550592"'+ ' target=_top><img src="http://top.list.ru/counter'+ '?id=550592;t=54;js='+js+a+';rand='+Math.random()+ '" alt="Рейтинг@Mail.ru"'+' border=0 height=31 width=88></a>') if(js>11)d.write('<'+'!-- ')//--></script><noscript><a target=_top href="http://top.mail.ru/jump?from=550592"><img src="http://top.list.ru/counter?js=na;id=550592;t=54" border=0 height=31 width=88 alt="Рейтинг@Mail.ru"></a></noscript><script language="JavaScript"><!-- if(js>11)d.write('--'+'>')//--></script><!--/COUNTER--></td> <td><!--begin of Top100 logo--> <a href="http://top100.rambler.ru/top100/"> <img src="http://top100-images.rambler.ru/top100/w0.gif" alt="Rambler's Top100" width=88 height=31 border=0></a> <!--end of Top100 logo --></td> <td><!--RAX counter--> <script language="JavaScript"><!-- document.write('<a href="http://www.rax.ru/click" '+'target=_blank><img src="http://counter.yadro.ru/hit?t21.14;r'+escape(document.referrer)+((typeof(screen)=='undefined')?'':';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+';'+Math.random()+'" alt="rax.ru: показано число хитов за 24 часа, посетителей за 24 часа и за сегодн\я" '+'border=0 width=88 height=31></a>')//--></script><!--/RAX--></td> <td></td> <td><a href="http://www.yandex.ru/cy?base=0&host=http://www.scriptic.ru" target="_blank"><img width=88 height=31 src="http://www.yandex.ru/cycounter?http://www.scriptic.ru" alt="Яндекс цитирования" border=0></a></td></tr> </table> <hr color="#006600"> <div align="center">Дизайн <a href="http://studia.scriptic.ru" target="_blank" title="Web-маркетинг, web-дизайн, web-програмирование.">Scriptic</a>. Хостинг <a href="http://masterhost.ru" target="_blank">Masterhost</a></div> <div align="center">Все замечания и пожелания присылайте на <a href="mailto:info@scriptic.ru">info@scriptic.ru</a></div> <div align="center">По вопросам разработки программных решений пишите на <a href="mailto:studia@scriptic.ru">studia@scriptic.ru</a></div> </body> </html> |
Автор: | helena [ 27-12, 22:40 ] |
Заголовок сообщения: | |
Ссылка плавно меняет цвет при наведении курсора. (не работает , но еще раз проверить) <html> <head> <title>Ссылка плавно меняет цвет при наведении курсора.</title> <script> </document> -1) { var linkName = srcElement.name; fadein(linkName); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadeout(linkName); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } hexa = new makearray(16); for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; function hex(i) { if (i <0> 255) return "ff"; else return "" + hexa[Math.floor(i/16)] + hexa[i%16];} function setbgColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = "#"+hr+hg+hb; } function fade(sr, sg, sb, er, eg, eb, step, direction, element){ for(var i = 0; i <step> </script> </head> <body> <a>click here</a> </body> </html> |
Автор: | helena [ 27-12, 22:41 ] |
Заголовок сообщения: | |
Ссылки на отдельном фоне с эффектами ( не работает, но можно еще раз проверить) <html> <head> <title>Ссылки на отдельном фоне с эффектами.</title> <script> <!-- Beginning of JavaScript - var textwidth=260 var textheight=60 // Your messages. You may add as many messages as you like. var message=new Array() message[0]="каждое сообщение - ссылка" message[1]="можно использовать как баннер" message[2]="ссылки могут быть разными" message[3]="хочешь сюда свою ссылку" // Where should the messages above be linked to? // Add an URL for each message. // If you don't want to add an URL just write '#' instead of // the URL, see sample messageurl[2]. var messageurl=new Array() messageurl[0]="http://scriptic.ru" messageurl[1]="http://scriptic.ru" messageurl[2]="http://scriptic.ru" messageurl[3]="http://scriptic.ru" // The background-color for each message. var messagebg=new Array() messagebg[0]="#009900" messagebg[1]="#003399" messagebg[2]="#9900cc" messagebg[3]="#006699" // Final horizontal position of the messagebox: distance to the left margin of the window var x_finalpos=150 // Final vertical position of the messagebox: distance to the top margin of the window var y_finalpos=20 // Configure the number of vertical slices. // A high value will slow down the visual effect. var x_slices=30 // Configure the number of horizontal slices. // A high value will slow down the visual effect. var y_slices=1 // Standstill between the messages (microseconds) var pause=2500 // Do not change the variables below var xy_slices=x_slices*y_slices var randomorder=new Array() for (i=0;i<=xy_slices-1;i++) { randomorder[i]=i } var speed=10 var i_messages=0 var width_slice=Math.floor(textwidth/x_slices) var height_slice=Math.floor(textheight/y_slices) var cliptop=0 var clipbottom=height_slice var clipleft=0 var clipright=width_slice var spancounter=0 var x_random=new Array() var y_random=new Array() function checkbrowser() { if (document.all) { initiate() } if (document.layers) { rotatenetscape() } } function initiate() { if (document.all) { spancounter=0 for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan=eval("document.all.span"+spancounter+".style") thisspan.posLeft=x_finalpos thisspan.posTop=y_finalpos thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright+=width_slice spancounter++ } clipleft=0 clipright=width_slice cliptop+=height_slice clipbottom+=height_slice } for (i=0;i<=xy_slices-1;i++) { var thisspan=eval("span"+i) thisspan.innerHTML="<a>"+message[i_messages]+"</a>" } var timer=setTimeout("changemessage()",pause) } } function dissolvemessage() { if (i_loop</a>=message.length) {i_messages=0} dissolvemessage() } function getrandomorder(range) { for (i=0;i</a>message.length-1) {i_messages=0} var timer=setTimeout("rotatenetscape()",pause) } // - End of JavaScript - --> </script> <style> .messagebox { position:absolute; font-size : 10pt; font-family : Verdana; font-weight : bold; color : white; border-width : 5ptx; border-color:#00cc00; background-color : black; border-style : solid; text-align : center; padding : 5px; height : 50px; width : 240px;} .messageboxNN { position:relative; font-size : 10pt; font-family : Verdana; font-weight : bold; color : white; border-color:white;} </style> </head> <body> <script> <!-- if (document.all) { for (i=0;i<=y_slices-1;i++) { for (ii=0;ii</div> </script> </body> </html> |
Автор: | helena [ 27-12, 22:51 ] |
Заголовок сообщения: | |
Этот апплет создает анимированную надпись. Можете изменить внешний вид. Для использования возьмите файл AnimText.class (7,37КБ) описание : * на месте : "http://animac.narod.ru"вносите свой текст, и выставляете нужный Вам цвет фона и текста. * bgColor VALUE=0:153:255 - Цвет фона (по умолчанию голубой) * fgColor VALUE=255:255:255 - Цвет текста (по умолчанию белый <applet> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> <PARAM> If you had a new browser, you would be able to view this java applet. </applet> |
Автор: | helena [ 27-12, 23:03 ] |
Заголовок сообщения: | |
Процедура установки счетчика на Вашу страницу (или каждую из страниц - если их несколько) очень проста и состоит из двух основных этапов. Все, что Вам необходимо сделать, это: 1. Выбрать стиль цифр, который по Вашему мнению наиболее хорошо впишется в дизайн Вашей страницы, и запомнить его название. 2. Вставить код в исходный html-текст Вашей страницы: <a><img></a> 2. (перед вопросительным знаком и амперсандами в коде пробелов быть не должно) Примечания. Выделенные слова Вы должны заменить: * вместо Ваш_URL написать URL страницы, на которую Вы устанавливаете счетчик. При этом все символы "/", "?", "=", "&" надо заменить на символ подчеркивания "_" и аббревиатуру "http://" указывать не нужно. Например, если Ваша страница имеет URL http://www.pavlodar.com/zakon/index.html, то строка для замены Ваш_URL в коде будет выглядеть так: www.pavlodar.com_zakon_index.html * вместо Ваш_style название выбранного Вами стиля цифр счетчика. Полный список стилей Вы можете посмотреть здесь * вместо Количество_цифр указать - число цифр, которое Вы хотите видеть в своем счетчике Пример: Нижеследующим кодом устанавливался счетчик для настоящей страницы <a><img></a> Единственное обязательное условие бесплатного использования счетчика Counter.CO.KZ - наличие в html-тексте Вашей страницы абсолютно всех частей кода, указанного выше в пункте 2. |
Автор: | helena [ 27-12, 23:04 ] |
Заголовок сообщения: | |
Конструктор html-кода обращения к сounter.co.kz! http://counter.co.kz/constr.html |
Автор: | helena [ 27-12, 23:07 ] |
Заголовок сообщения: | |
Код счетчика <a><img></a> |
Автор: | helena [ 28-12, 07:43 ] |
Заголовок сообщения: | |
светяяящийся текст и многое другое http://svweb.narod.ru/SKRIPT/skript_svtext.htm |
Автор: | helena [ 28-12, 07:43 ] |
Заголовок сообщения: | |
курссссоры http://svweb.narod.ru/KURSOR/kursor.htm |
Автор: | helena [ 28-12, 07:44 ] |
Заголовок сообщения: | |
Эффекты ссылок: и многое другое http://svweb.narod.ru/SKRIPT/skript.htm |
Автор: | helena [ 01-01, 23:43 ] |
Заголовок сообщения: | |
Предзагрузочная картинка (не работает, но надо проверять) если вы размещаете на странице большую картинку, в ее аттрибутах можно поставить путь к предзагрузочной путем помещения аттрибута lowsrc='url' пример: <img src='bigImage.jpg' lowsrc='preload.gif'> |
Автор: | helena [ 01-01, 23:43 ] |
Заголовок сообщения: | |
Всплывающая подсказка Как работает: Забирает аттрибут title у каждой ссылки и выводит его в всплывающем окошке. Ограничения: Внутри тега А должен быть только текст, без дополнительного форматирования. К примеру с выделением внутри ссылки жирным шрифтом работать не будет. В начале страницы нужно прописать: <script type="text/javascript" src="nicetitle.js"></script> <link rel="stylesheet" href="nicetitle.css"> Файлы: nicetitle.js nicetitle.css |
Автор: | helena [ 01-01, 23:44 ] |
Заголовок сообщения: | |
Обтекание текстом таблицы чтобы текст мог обтекать таблицу, будто это рисунок, с параметрами <img src='' align=left> - нужно в аттрибутах таблицы написать <table cellpadding="0" cellspacing="0" width='200' style="float: right"> подсмотрено в исходниках сайта http://www.nbsp.ru насколько известно работает только в ie |
Автор: | helena [ 01-01, 23:44 ] |
Заголовок сообщения: | |
определение флеша Сразу отмечу, что этот скрипт не работает в Netscape 2, Explorer 3 и 4 на Mac'е, и Konqueror. Теоретически проверить, установлен ли Флэш-плагин, можно, используя массив navigator.mimeTypes. Этот массив содержит все mime-типы, которые понимает браузер. Нужно определить, понимает ли браузер application/x-shockwave-flash mime-тип и есть ли плагин. Netscape 2 не поддерживает этот массив. Поэтому скрипт в нем не работает. Еще одна беда в том, что JavaScript для Эксплорера не поддерживает вообще никаких mime-типов. Приятным исключением является Explorer 5 для Mac. Единственный путь определения mime-типов в Эксплорере - использование VBScript. Эксплорер на Маке вообще не поддеживает VBScript. По этой причине там детектить флэш невозможно. Код <script LANGUAGE="Javascript"> var flashinstalled = 0; MSDetect = "false"; if (navigator.mimeTypes && navigator.mimeTypes.length) { x = navigator.mimeTypes['application/x-shockwave-flash']; if (x && x.enabledPlugin) flashinstalled = 2; else flashinstalled = 1; } else { MSDetect = "true"; } </SCRIPT> <script LANGUAGE="VBScript"> If MSDetect = "true" Then If Not(IsObject(CreateObject ("ShockwaveFlash.ShockwaveFlash"))) Then flashinstalled = 1 Else flashinstalled = 2 End If End If </SCRIPT> После выполнения скрипта переменная flashinstalled может иметь три значения: 2: Flash проинсталирован 1: Flash не проинсталирован 0: неизвестно, проинсталирован ли Flash С переменной можно делать все что угодно. Хоть бы редирект какой. На HTML версию страницы, если флэша нет. Правда, надо быть осторожным с третьим вариантом, когда нет уверенности в том, стоит ли плагин для флэш. Пояснения и прочее. Переменная MSDetect нужна для определения того, нужно использовать VBScript или нет. Если нужно, то она устанавливается в true. Потом проверяется, есть ли вообще navigator.mimeTypes и, если есть, не нулевой ли он длины: Код if (navigator.mimeTypes && navigator.mimeTypes.length) Если все нормально, проверяем, есть ли navigator.mimeTypes['application/x-shockwave-flash']. Если есть, то проверяем его свойство .enabledPlugin. Если опять все нормально, то присваиваем flashinstalled=2 (плагин для флэш установлен). Если нет, то flashinstalled=1. (Все, для Netscape готово) Если массив navigator.mimeTypes оказался пустым или его вообще нет, присваиваем MSDetect="true", чтобы передать проверку VBScript'у (Это для эксплорера). |
Автор: | helena [ 01-01, 23:45 ] |
Заголовок сообщения: | |
Сортировка по столбцам таблицы без перезагрузки страницы. К примеру у Вас есть таблица. Name Salary Extension Start date Bloggs, Fred $12000.00 1353 18/08/2003 Turvey, Kevin $191200.00 2342 02/05/1979 Mbogo, Arnold $32010.12 2755 09/08/1998 Shakespeare, Bill $122000.00 3211 12/11/1961 Shakespeare, Hamnet $9000 9005 01/01/2002 Fitz, Marvin $3300 5554 22/05/1995 Нужно сделать так, чтобы при нажатии на шапку - таблица пересортировывалась по выбранному столбцу Name Salary Extension Start date Bloggs, Fred $12000.00 1353 18/08/2003 Turvey, Kevin $191200.00 2342 02/05/1979 Mbogo, Arnold $32010.12 2755 09/08/1998 Shakespeare, Bill $122000.00 3211 12/11/1961 Shakespeare, Hamnet $9000 9005 01/01/2002 Fitz, Marvin $3300 5554 22/05/1995 Как видно - при нажатии на нужный столбец - таблица пересортировывается по нему. Для использования нужно: 1. Подключить необходимый скрипт к странице: <script src="sorttable.js"></script> 2. Назначить нужной таблице класс "sortable": <table class="sortable"> 3. Придумать уникальный ID: <table class="sortable" id="unique_id"> Это все, что нужно. Css, который может приукрасить таблицу: /* Sortable tables */ table.sortable a.sortheader { background-color:#eee; color:#666666; font-weight: bold; text-decoration: none; display: block; } table.sortable span.sortarrow { color: black; text-decoration: none; } |
Страница 1 из 12 | Часовой пояс: UTC + 3 часа |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |