русский
Germany.ruForen → Архив Досок→ Webdesign und Hosting

Несколько скриптов для сайта (для оформления)

553  
arys2004 завсегдатай28.06.08 00:18
arys2004
NEW 28.06.08 00:18 

Переливающиеся Ссылки
<script
language="Javascript">
var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;}
function doRainbow(){
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}
function stopRainbow(){
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}
function doRainbowAnchor(){
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != "A" && obj.tagName != "BODY") {
obj = obj.parentElement;
if (obj.tagName == "A" || obj.tagName == "BODY")
break;}
if (obj.tagName == "A" && obj.href != "") {
act = 1;//osw
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);}}}
function stopRainbowAnchor(){
if (Browser && act != 0) {
if (obj.tagName == "A") {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;}}}
function ChangeColor(){
obj.style.color = makeColor();}
function makeColor(){
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;}
else {
elmR = 0; elmG = 0; elmB = 0;}}
elmR = Math.floor(elmR);//fantasyflash.ru
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = "#" + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate; if (elmH >= 360) elmH = 0;
return clrRGB;}</script>
</body>
</html>
красивая стрелочка (переливается радугой)курсор

<style type="text/css">body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11273a/image.gif") !important;}</style><style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;width:106px;}</style>
Постепенно набирающееся название сайта
<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length) {
c = 0;setTimeout("writetitle()", 3000)
} else {
c++;
setTimeout("writetitle()", 200)
}
}
writetitle()
</script>
Бегущая строка

- бежит снизу вверх:
<marquee direction="up">TEXT</marquee>
-бежит сверху вниз:
<marquee direction="down">TEXT</marquee>
-бежит зигзагами:
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>
-двойная надпись волной:
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>TEXT
TEXT</center></marquee>
#1 
stu завсегдатай28.06.08 00:30
stu
NEW 28.06.08 00:30 
in Antwort arys2004 28.06.08 00:18
надо было сразу и примеер показать, как это выглядить...
http://www.multimedianet.de
#2 
arys2004 завсегдатай28.06.08 00:37
arys2004
NEW 28.06.08 00:37 
in Antwort stu 28.06.08 00:30, Zuletzt geändert 28.06.08 01:02 (arys2004)
пробуйте, должно получиться, у меня работает.
#3 
arys2004 завсегдатай28.06.08 00:47
arys2004
NEW 28.06.08 00:47 
in Antwort arys2004 28.06.08 00:37
а на этом сайте можно также интересные вещи посмотреть, также для оформления сайта
здесь ссылка на безумно интересный эффект, когда ваша картинка будто колеблется в воде при движении по ней курсором. Успехов!
http://www.crazyprofile.com/water_effect/water_effect.asp
#4 
neverthesame прохожий30.06.08 11:32
neverthesame
30.06.08 11:32 
in Antwort arys2004 28.06.08 00:18
Возможно, прозвучит несколько категорично, но всему этому одна дорога: фтопку.
#5 
arys2004 завсегдатай30.06.08 18:31
arys2004
NEW 30.06.08 18:31 
in Antwort neverthesame 30.06.08 11:32
Мои сообщения были адресованы форумчанам, которые ищут скрипты для оформления сайта. По Вашему сообщению поняла, что в них Вы не нуждаетесь, так зачем делать здесь свой игнор?
#6 
Vovan(ator) завсегдатай30.06.08 18:40
Vovan(ator)
NEW 30.06.08 18:40 
in Antwort neverthesame 30.06.08 11:32
В ответ на:
Возможно, прозвучит несколько категорично, но всему этому одна дорога: фтопку.

А действительно...
К чему бы это???
А кстати...
Шо за слово такэ "фтопка"?
#7 
  CTEPX свой человек30.06.08 19:11
NEW 30.06.08 19:11 
in Antwort arys2004 30.06.08 18:31, Zuletzt geändert 30.06.08 19:12 (CTEPX)
это не оформление
#8 
neverthesame прохожий01.07.08 09:54
neverthesame
NEW 01.07.08 09:54 
in Antwort Vovan(ator) 30.06.08 18:40
Вы действительно не знаете? В топку, т.е. Топка - это что-то вроде печки.
#9 
Vovan(ator) завсегдатай01.07.08 14:34
Vovan(ator)
NEW 01.07.08 14:34 
in Antwort neverthesame 01.07.08 09:54
фтопку и В топку "Наш великий русский язык"...
На счёт скриптов:
хоть я не любитель всяких моргунчиков на сайте,
но если кто-то хочет поиграться или потренироваться - не отшибайте это на корню
#10