Добрый день! На мой взгляд, тема
скриптов для вебмастеров очень
актуальна, я сужу по письмам которые мне
присылают с просьбами написать еще
какие-нибудь скрипты или что-то
конкретное. И так как у меня появилось
свободное время я решиль продолжить эту
тему. Многим понравились навороты с 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)
|