[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: B_Nature, MeyJer  
Форум » Сайт » Веб дизайн сайта » Эффекты с картинками
Эффекты с картинками
al_pacinoДата: Пятница, 26.12.2008, 17:00 | Сообщение # 1
Батько тут
Группа: Свои
Сообщений: 230
Репутация: 6
Участник команды Kiev>UA*Life Участник команды Kiev>UA*Life За активность на форуме
Статус: :-(
Эффект отражения на воде:

Вставляем в <body>
код:

<a href="http://svweb.narod.ru"><img id=svweb src="http://svweb.narod.ru/SKRIPT/yanadp.jpg" border=0></a><br>
<SCRIPT language=JavaScript1.2>
function folly(){
setInterval("mdiv.filters.wave.phase+=15 ",100);
}

if (document.all){
document.write('<img id=mdiv src="'+document.all.svweb.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=20) blur() flipv()">')
window.onload=folly
}
</SCRIPT>

 
al_pacinoДата: Пятница, 26.12.2008, 17:01 | Сообщение # 2
Батько тут
Группа: Свои
Сообщений: 230
Репутация: 6
Участник команды Kiev>UA*Life Участник команды Kiev>UA*Life За активность на форуме
Статус: :-(
Тускнеющий эффект:

Вставляем в <body>
код:

<script language="JavaScript">
var strt = 20;
var endd =100;
var flashNums = 200; // Number of times the script should flash
var opac = strt;
var speed = 6;
var si;
var cleared = true;
var whichFlash = true;
var timerIs = 1000;

function showimage(what,doshow) {

if (document.all) {
cleared = false;
(doshow) ? opac+=speed : opac-=speed;
eval(what+".filters.alpha.opacity="+opac);
if (opac <= strt || opac >= endd) {
clearInterval(si);
cleared = true;
}
}

if (document.layers) clearInterval(si);
}

function ClearInt() {
if (!cleared) clearInterval(si);
}
function AceJSflashOn(){
ClearInt();si=setInterval('showimage(\'image1\',true)',10);
}
function AceJSflashOff(){
ClearInt();si=setInterval('showimage(\'image1\',false)',10);
}
for (AceJScount = 0; AceJScount < flashNums; AceJScount++){
if (whichFlash == true){setTimeout("AceJSflashOn()",timerIs);}
if (whichFlash == false){setTimeout("AceJSflashOff()",timerIs);}
timerIs = timerIs + 1000;
whichFlash = !whichFlash;
}
</script>
<img name="image1" src="yanadp1.jpg" border=0
style="filter:alpha(opacity=20)" width="400" height="80"></A>

 
al_pacinoДата: Пятница, 26.12.2008, 17:05 | Сообщение # 3
Батько тут
Группа: Свои
Сообщений: 230
Репутация: 6
Участник команды Kiev>UA*Life Участник команды Kiev>UA*Life За активность на форуме
Статус: :-(
Падающие капли:

Вставляем в <body>
код:

<SCRIPT language=JavaScript1.2>
var no = 15;
var speed = 5;
var snowflake = "http://svweb.narod.ru/image/kap30.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 1; i < no; ++ i) {
dx[i] = 1;
xp[i] = Math.random()*(doc_width-5);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*5;
stx[i] = 0.05 + Math.random()/30;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 1) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 1) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 1; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-5) {
xp[i] = Math.random()*(doc_width-am[i]-5);
yp[i] = 1;
stx[i] = 0.05 + Math.random()/30;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 1; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-5) {
xp[i] = Math.random()*(doc_width-am[i]-5);
yp[i] = 1;
stx[i] = 0.05 + Math.random()/30;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>

 
al_pacinoДата: Пятница, 26.12.2008, 17:07 | Сообщение # 4
Батько тут
Группа: Свои
Сообщений: 230
Репутация: 6
Участник команды Kiev>UA*Life Участник команды Kiev>UA*Life За активность на форуме
Статус: :-(
Падающие листья:

Вставляем в <body>
код:

<SCRIPT language=JavaScript1.2>
var no = 12;//добавьте колличество листиков
var speed = 5;//измените скорость падения листьев
var snowflake = "http://svweb.narod.ru/image/list2.gif";//укажите путь к папке с листьями

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/20;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-20);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/30;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-20);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/30;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>

 
al_pacinoДата: Пятница, 26.12.2008, 17:08 | Сообщение # 5
Батько тут
Группа: Свои
Сообщений: 230
Репутация: 6
Участник команды Kiev>UA*Life Участник команды Kiev>UA*Life За активность на форуме
Статус: :-(
Падающие снежинки:

Вставляем в <body>
код:

<SCRIPT language=JavaScript1.2>
var no = 12;//добавьте колличество снежинок
var speed = 6;//измените скорость падения снежинок
var snowflake = "http://svweb.narod.ru/image/sn07.gif";//укажите путь к папке со снежинками

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/20;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-20);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/30;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-20);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/30;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>

 
Форум » Сайт » Веб дизайн сайта » Эффекты с картинками
  • Страница 1 из 1
  • 1
Поиск: