Эффекты DHTML
http://www.qwery.org.ru/sc1.html - Фиксация Фона без скрипта.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0053)http://plugins.jquery.com/project/Plugins/category/28 -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Web-дизайн от Qwery, jquery эффекты, графика. DHTML1.</title>
<style type="text/css">
body
{
background-attachment: fixed;
background-image: url('http://www.elfix.spb.ru/elfix3gi.gif');
text-align:center
}
img
{
border:0
}
p
{
font-size:44px
}
</style>
</head>
<body>
<p>ПРОКРУЧИВАЕМ СПИСОК</p>
<br /><br /><br /><br /><br /><br /><br />
<p>ФИКСИРОВАННЫЙ ФОН</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br /><br /><br /><br /><br />
<p>Scroll the page and see what happens</p>
<br /><br /><br />
<a href="http://elfixs.jimdo.com/" target="_blank"><img src="http://www.elfix.spb.ru/elfix1gicf.jpg" width="88" height="31" alt=""/></a>
</body>
</html>
http://www.qwery.org.ru/sc2.html - Смена фона мышкой.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<!-- saved from url=(0053)http://plugins.jquery.com/project/Plugins/category/28 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Web-дизайн от Qwery, jquery эффекты, графика. DHTML2.</title>
<script type="text/javascript">
function bgChange(bg)
{
document.body.background=bg;
}
</script>
</head>
<body background="http://www.elfix.spb.ru/elfix1giw.gif" style="text-align:center"><center>
<div style="margin-top:-27px; padding:43px 0 111px 0; width:130px; background-color: #00CC66">
<font face="Verdana" color="#FFFFFF"><b>Mouse over these images,</b></font>
<font face="Verdana" color="#FFFFFF"><b>and the background will change</b></font>
<p> </p>
<font face="Verdana" color="#FFFFFF"><b>Играемся мышкой,</b></font>
<font face="Verdana" color="#FFFFFF"><b>меняем фон.</b></font>
</div>
</center>
<table width="272" height="66" align="center">
<tr>
<td onmouseover="bgChange('http://www.elfix.spb.ru/elfix2gi.gif')"
background="http://www.elfix.spb.ru/elfix2gi.gif">
</td>
<td onmouseover="bgChange('http://www.elfix.spb.ru/elfix3gi.gif')"
background="http://www.elfix.spb.ru/elfix3gi.gif">
</td>
<td onmouseover="bgChange('http://www.elfix.spb.ru/elfix1gi.gif')"
background="http://www.elfix.spb.ru/elfix1gi.gif">
</td>
</tr>
</table>
</body>
</html>
http://www.qwery.org.ru/sc3.html - Перекладка Picsы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<!-- saved from url=(0053)http://plugins.jquery.com/project/Plugins/category/28 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Web-дизайн от Qwery, jquery эффекты, графика. DHTML3.</title>
<script type="text/javascript">
cc=0;
function changeimage()
{
if (cc==0)
{
cc=1;
document.getElementById('myimage').src="http://www.elfix.spb.ru/_wp_generated/c4/f78.gif";
}
else
{
cc=0;
document.getElementById('myimage').src="http://www.elfix.spb.ru/_wp_generated/c4/d3.jpg";
}
}
</script>
</head>
<body background="http://www.elfix.spb.ru/_wp_generated/c2/ca.jpg"><center>
<div style="margin-top:344px">
<img id="myimage" onclick="changeimage()" border="0" src="http://www.elfix.spb.ru/_wp_generated/c4/d3.jpg" width="92" height="91" alt="">
<p style="color:#d99">Click Me</p></div>
</center>
</body>
</html>
http://www.qwery.org.ru/sc4.html - Увеличение размера Picsы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<!-- saved from url=(0053)http://plugins.jquery.com/project/Plugins/category/28 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Web-дизайн от Qwery, jquery эффекты, графика. DHTML4.</title>
<script type="text/javascript">
function moveover()
{
document.getElementById('image').width="281";
document.getElementById('image').height="71";
}
function moveback()
{
document.getElementById('image').width="140";
document.getElementById('image').height="35";
}
</script>
</head>
<body background="http://www.elfix.spb.ru/_wp_generated/c2/cba.png"><center>
<div style="margin-top:314px">
<p style="color:#d99">Mouse over the image:</p><br>
<img id="image" src="http://www.elfix.spb.ru/_wp_generated/c4/3f2.gif"
onmouseover="moveover()"
onmouseout="moveback()"
width="140" height="35" alt="">
</div>
</center>
</body>
</html>
http://www.qwery.org.ru/sc5.html - Перекладка текста.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0053)http://plugins.jquery.com/project/Plugins/category/28 -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Web-дизайн от Qwery, jquery эффекты, графика.DHTML5.</title>
<style type="text/css">
body
{
background-attachment: fixed;
background-image: url('http://www.elfix.spb.ru/_wp_generated/c3/e4.gif');
text-align:center
}
</style>
<script type="text/javascript">
function nameon()
{
document.getElementById('h1text').innerHTML="Ваау!!! У тебя не плохо получяется.";
}
function nameout()
{
document.getElementById('h1text').innerHTML="Ни фига себе! Да ты просто ПРОФИ.";
}
</script>
</head>
<body>
<div style=" width:240px; margin:0 auto; text-align:center;">
<h1> </h1><h1> </h1><h1> </h1><h1> </h1><h1> </h1>
<h1 id="h1text" onmouseout="nameout()"
onmouseover="nameon()">
Поиграй со мной мышкой!</h1>
</div>
</body>
</html>
Стиль Grey-Blue
IMG-s in Line.
Slide - JavaScript 1,5Kb
Версия для печати
