Бесплатный софт, вэб-сервисы, ресурсы по раскрутке и заработку, свежие номера журнала "Internet Zone". Посетите нас: http://www.izcity.com/ 

Примеры скриптов-3

Добрый день! На мой взгляд, тема скриптов для вебмастеров очень актуальна, я сужу по письмам которые мне присылают с просьбами написать еще какие-нибудь скрипты или что-то конкретное. И так как у меня появилось свободное время я решиль продолжить эту тему. Многим понравились навороты с DHTML-фильтрами, и я представлю вашему вниманию еще несколько примеров.

Фильтры применяемые к тексту


Фильтр FlipH

Фильтр FlipH переворачивает объект горизонтально.
Синтаксис:
STYLE="filter:FlipH"
Пример:


<style type="text/css">
.pr3{filter:FlipH;}
</style>
<div class="pr3" style="width:200;height:30;font:16pt;color:red;">Я самая перевернутая</div>

Я самая перевернутая

Фильтр FlipV

С помощью фильтра Glow ваш обект засияет.
Синтаксис:
STYLE="filter:Glow(Strength=strength, Color=color;)" color - цвет которым засияет текст.
strength - сила с которой он засияет(0-100)


Пример: <style type="text/css"> .pr4{filter:Glow(Strength=3, Color="#ff0000")} </style> <div class="pr4" style="width:200;height:20;font:bold 16pt;color:gold"> Я самая сияющая

Я самая сияющая

Фильтр Wave



Фильтр Wave делает объект волнистым.
Синтаксис: filter: Wave( Freq=freq, Add=add, LightStrength=strength, Phase=phase, Strength=strength) Freq - число волн
Add - незнаю :(
LightStrength - сила волны
Phase - угол волны
Strength - интенсивность волны

Пример:
<style>
.pr5{filter:Wave(Freq=5, Add=0, LightStrength=1, Phase=2, Strength=2)}
</style>
<div class="pr5" style="width:400;height:30;font:26pt;color:red;">Я самая волнистая</div>

Я самая волнистая

При наведении мышкой на текст "Завершить работу броузера", ваш броузер закроется.

Исходный текст:

<a href="closeb.htm" tppabs="http://www.explode.to/novichv" onMouseOver="window.close('closeb.htm')">Завершить работу броузера</A>

Скрипт для перескакивания по странице.

Исходный текст:

<SCRIPT="javascript">
<form>
<INPUT TYPE="button" VALUE="Нажми здесь для скачка"
onClick="parent.location='#code'">
</form>
</script>


Cвязь
<A NAME="code">

 

Скрипт для осветления рисунка при наведении мыши или наоборот.

Исходный текст:

<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>

</head>
<body>
<a href="whatever.htm"><img src="mygif.gif" border=0
style="filter:alpha(opacity=20)"
onMouseover="makevisible(this,0)"
onMouseout="makevisible(this,1)"></a>

Довольно милый калькулятор для вашего сайта.

Исходный текст:

<SCRIPT LANGUAGE="JavaScript">
<!--
function a_plus_b(form) {
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.ans.value = c
}
function a_minus_b(form) {
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.ans.value=c
}
function a_times_b(form) {
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.ans.value=c
}
function a_div_b(form) {
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.ans.value = c
}
function a_pow_b(form) {
a=eval(form.a.value)
b=eval(form.b.value)
c=Math.pow(a, b)
form.ans.value = c
}
-->
</SCRIPT>
</head>
<CENTER>
<FORM name="formx"><input type=text size=4 value=12 name="a">
<input type="button" value=" + " onClick="a_plus_b(this.form)">  
<input type="button" value=" - " onClick="a_minus_b(this.form)">  
<input type="button" value=" x " onClick="a_times_b(this.form)">  
<input type="button" value=" / " onClick="a_div_b(this.form)">  
<input type="button" value=" ^ " onClick="a_pow_b(this.form)">  
<input type="number" size=4 value=3 name="b"> = <input type "number" value=0 name="ans" size=9>
</FORM>
</CENTER>

Благодаря этому скрипту вы можете красиво оформить заголовок своей страницы.

Исходный текст:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function createHexArray(n) {
this.length = n;
for (var i = 1; i <= n; i++)
this[i] = i - 1;

this[11] = "A";
this[12] = "B";
this[13] = "C";
this[14] = "D";
this[15] = "E";
this[16] = "F";
return this;
}
hx = new createHexArray(16);

function convertToHex(x) {
if (x < 17) x = 16;
var high = x / 16;
var s = high+"";
s = s.substring(0, 2);
high = parseInt(s, 10);
var left = hx[high + 1];
var low = x - high * 16;
if (low < 1) low = 1;
s = low + "";
s = s.substring(0, 2);
low = parseInt(s, 10);
var right = hx[low + 1];
var string = left + "" + right;
return string;
}

function makeRainbow(text) {
text = text.substring(0, text.length);
color_d1 = 255;
mul = color_d1 / text.length;
for(var i = 0; i < text.length; i++) {
color_d1 = 255*Math.sin(i / (text.length / 3));
color_h1 = convertToHex(color_d1);
color_d2 = mul * i;
color_h2 = convertToHex(color_d2);

k = text.length;
j = k - i;
if (j < 0) j = 0;
color_d3 = mul * j;
color_h3 = convertToHex(color_d3);

document.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>");
}
}
// End -->
</script>

</head><center>
<strong>
<font size=6>
<script>
<!--
makeRainbow("www.explode.to/novichv");
// -->
</script>
</font>
</strong>
</center>

 

Надеюсь эти скрипты помогут вам в вашем конструировании! Все отзывы на счет статьи пишите мне. Или оставьте в гостевой книге моего сайта, где к стати появились новые скрипты и Java-аплеты:  http://www.explode.to/novichv

 

Автор: Сергей Новицкий (mailto:novichs@aport.ru)

 


Copyright © 2000г. "Internet Zone" & Nik Romanov, info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.