Повідомлень у темі: 176

[Dimon02022]

Кнопка с использованием карты рисунка (простая).

Забавный скрипт, я думаю он прекрасно украсит ваш сайт.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<SCRIPT LANGUAGE="JavaScript"><!--
// preload images:
if (document.images) {
bulb_off = new Image(129,127); bulb_off.src = "bulb_off.gif";
bulb__on = new Image(129,127); bulb__on.src = "bulb__on.gif";
switch_off = new Image(26,49); switch_off.src="switch_off.gif";
switch__on = new Image(26,49); switch__on.src="switch__on.gif";
}
function hiLiteBoth(imgName1,imgObjName1,imgName2,imgObjName2) {
if (document.images) {
document.images[imgName1].src = eval(imgObjName1 + ".src");
document.images[imgName2].src = eval(imgObjName2 + ".src");
}}
function doostavam() {
// nicho net
}
//--></SCRIPT>

[Dimon02022]

Супер - кнопки.

По необходимости, вставьте внутрь ячейки, где расположена кнопка, onClick="window.location=('Документ.htm')" - это для открытия документа в этом же окне. Или onClick="window.оpen('Документ.htm')" - для открытия документа в отдельном окне. Рисунки для кнопок найдите сами - такого добра кругом навалом.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<script>
//////////////////////////////////////////// ///////////////////////////
// This Button Script was designed by Erik Arvidsson for WebFX //
// //
// For more info and examples see: http://webfx.eae.net/ //
// or send mail to [email protected] //
// //
// Feel free to use this code as lomg as this disclaimer is //
// intact. //
//////////////////////////////////////////////// ///////////////////////

document.onmouseover = doOver;
document.onmouseout = doOut;
document.onmousedown = doDown;
document.onmouseup = doUp;

function doOver() {
var toEl = getReal(window.event.toElement, "className", "coolButton");
var fromEl = getReal(window.event.fromElement, "className", "coolButton");
if (toEl == fromEl) return;
var el = toEl;

// alert(el);

// var cDisabled = el.getAttribute("cDisabled");
var cDisabled = el.cDisabled;
// alert(cDisabled);
cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if (el.className == "coolButton")
el.onselectstart = new Function("return false");

if ((el.className == "coolButton") && !cDisabled) {
makeRaised(el);
makeGray(el,false);
}
}

function doOut() {
var toEl = getReal(window.event.toElement, "className", "coolButton");
var fromEl = getReal(window.event.fromElement, "className", "coolButton");
if (toEl == fromEl) return;
var el = fromEl;

// var cDisabled = el.getAttribute("cDisabled");
var cDisabled = el.cDisabled;
cDisabled = (cDisabled != null); // If CDISABLED atribute is present

var cToggle = el.cToggle;
toggle_disabled = (cToggle != null); // If CTOGGLE atribute is present

if (cToggle && el.value) {
makePressed(el);
makeGray(el,true);
}
else if ((el.className == "coolButton") && !cDisabled) {
makeFlat(el);
makeGray(el,true);
}

}

function doDown() {
el = getReal(window.event.srcElement, "className", "coolButton");

var cDisabled = el.cDisabled;
cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if ((el.className == "coolButton") && !cDisabled) {
makePressed(el)
}
}

function doUp() {
el = getReal(window.event.srcElement, "className", "coolButton");

var cDisabled = el.cDisabled;
cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if ((el.className == "coolButton") && !cDisabled) {
makeRaised(el);
}
}

function getReal(el, type, value) {
temp = el;
while ((temp != null) && (temp.tagName != "BODY")) {
if (eval("temp." + type) == value) {
el = temp;
return el;
}
temp = temp.parentElement;
}
return el;
}

function findChildren(el, type, value) {
var children = el.children;
var tmp = new Array();
var j=0;

for (var i=0; i<children.length; i++) {
if (eval("children[i]." + type + "==\"" + value + "\"")) {
tmp[tmp.length] = children[i];
}
tmp = tmp.concat(findChildren(children[i], type, value));
}

return tmp;
}

function disable(el) {

if (document.readyState != "complete") {
window.setTimeout("disable(" + el.id + ")", 100); // If document not finished rendered try later.
return;
}

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if (!cDisabled) {
el.cDisabled = true;

el.innerHTML = '<span style="background: buttonshadow; width: 100%; height: 100%; text-align: center;">' +
'<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); height: 100%; width: 100%%; text-align: center;">' +
el.innerHTML +
'</span>' +
'</span>';

if (el.onclick != null) {
el.cDisabled_onclick = el.onclick;
el.onclick = null;
}
}
}

function enable(el) {
var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if (cDisabled) {
el.cDisabled = null;
el.innerHTML = el.children[0].children[0].innerHTML;

if (el.cDisabled_onclick != null) {
el.onclick = el.cDisabled_onclick;
el.cDisabled_onclick = null;
}
}
}

function addToggle(el) {
var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

var cToggle = el.cToggle;

cToggle = (cToggle != null); // If CTOGGLE atribute is present

if (!cToggle && !cDisabled) {
el.cToggle = true;

if (el.value == null)
el.value = 0; // Start as not pressed down

if (el.onclick != null)
el.cToggle_onclick = el.onclick; // Backup the onclick
else  
el.cToggle_onclick = "";

el.onclick = new Function("toggle(" + el.id +"); " + el.id + ".cToggle_onclick();");
}
}

function removeToggle(el) {
var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

var cToggle = el.cToggle;

cToggle = (cToggle != null); // If CTOGGLE atribute is present

if (cToggle && !cDisabled) {
el.cToggle = null;

if (el.value) {
toggle(el);
}

makeFlat(el);

if (el.cToggle_onclick != null) {
el.onclick = el.cToggle_onclick;
el.cToggle_onclick = null;
}
}
}

function toggle(el) {
el.value = !el.value;

if (el.value)
el.style.background = "URL(/images/tileback.gif)";
else
el.style.backgroundImage = "";

// doOut(el);  
}

function makeFlat(el) {
with (el.style) {
background = "";
border = "1px solid buttonface";
padding = "1px";
}
}

function makeRaised(el) {
with (el.style) {
borderLeft = "1px solid buttonhighlight";
borderRight = "1px solid buttonshadow";
borderTop = "1px solid buttonhighlight";
borderBottom = "1px solid buttonshadow";
padding = "1px";
}
}

function makePressed(el) {
with (el.style) {
borderLeft = "1px solid buttonshadow";
borderRight = "1px solid buttonhighlight";
borderTop = "1px solid buttonshadow";
borderBottom = "1px solid buttonhighlight";
paddingTop = "2px";
paddingLeft = "2px";
paddingBottom = "0px";
paddingRight = "0px";
}
}

function makeGray(el,b) {
var filtval;

if (b)
filtval = "gray()";
else
filtval = "";

var imgs = findChildren(el, "tagName", "IMG");

for (var i=0; i<imgs.length; i++) {
imgs[i].style.filter = filtval;
}

}

document.write("<style>");
document.write(".coolBar {background: buttonface;border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; padding: 2px; font: menu;}");
document.write(".coolButton {border: 1px solid buttonface; padding: 1px; text-align: center; cursor: default;}");
document.write(".coolButton IMG {filter: gray();}");
document.write("</style>");

/*
Depressible DHTML buttons (By Erik Arvidsson at http://webfx.eae.net)
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
</script>

[Dimon02022]

Изменение рисунка фона кнопки при наведении мыши.

Это может быть вовсе не кнопка! Любой элемент, в котором предусмотрен рисунок фона!

Рисунок можно определить единым для всех кнопок . Для этого выделенную белым строку поместите в тэг

, а из остальных тэгов подобные строки просто удалите.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<script>
<!--

/*
rollover image buttons script credit: Website Abstraction (www.wsabstract.com) More free JavaScripts here. Note:Credit must stay intact for use.
*/

function change2(image){
if (event.srcElement.tagName=="INPUT")
event.srcElement.style.background="url"+"('"+image+"')"
}

function jumpto2(url){
window.location=url
}

//-->
</script>
   
    

Содержимое этой таблицы поместите между <BODY> и </BODY>  
   
   
<form >
<input type="button" onMouseover="change2('spain.gif')" onMouseout="change2('')" value="В Испанию !" style="font-weight:bold;width:130" onClick="jumpto2('cut1.htm')"><br>
<input type="button" onMouseover="change2('germany.gif')" onMouseout="change2('')" value="В Германию !" style="font-weight:bold;width:130" onClick="jumpto2('cut2.htm')"><br>
<input type="button" onMouseover="change2('luxembourg.gif')" onMouseout="change2('')" value="В Люксембург! " style="font-weight:bold;width:130" onClick="jumpto2('cut3.htm')"><br>

</form>  
   

[Dimon02022]

КНОПКА "НА ПРЕДЫДУЩУЮ СТРАНИЦУ".

Содержимое этой таблицы поместите между BODY и /BODY

Code

<FORM>
<INPUT TYPE="button" VALUE="Назад на предыдущую страницу"  
onClick="history.back()">
</FORM>  
  

[Dimon02022]

Переливающаяся JavaScript-кнопка.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<SCRIPT LANGUAGE="JavaScript"><!--
hexColor = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
function mOut() {
for (i = 0; i < 13; i++) {
setTimeout ('document.kolbasa.button.style.background = "#'+hexColor[12-i]+'0'+hexColor[12-i]+'FFF";', i * 40);
}
}
function mOver() {
document.kolbasa.button.value = "Нажми!";
for (i = 0; i < 12; i++) {
setTimeout ('document.kolbasa.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'E31";', i * 40);
}
}
// --->
</SCRIPT>

[Dimon02022]

Цвет фона при нажатии кнопки.

Содержимое этой таблицы поместите между BODY и /BODY

Code

<div>
<p align="center">Выберите желаемый цвет и нажмите
кнопку
<br><br>
<table border=0 align=center>
<tr><td><form>
<input type=button value="КРАСНЫЙ" onClick="document.bgColor='ff0000'">
<input type=button value="ЖЕЛТЫЙ" onClick="document.bgColor='ffff00'">
<input type=button value="СИНИЙ" onClick="document.bgColor='0000ff'">
<input type=button value="ГОЛУБОЙ" onClick="document.bgColor='87ceeb'">
<input type=button value="ОРАНЖЕВЫЙ" onClick="document.bgColor='ff7f50'">  

<!---ПО АНАЛОГИИ ДОБАВЬТЕ КНОПОК (ЦВЕТОВ) ПО ЖЕЛАНИЮ---->
</form></td></tr>
</table>
</div>  

[Dimon02022]

Виды курсоров
(не JavaScript, конечно, но бывает полезным...)

Одну из строк этой таблицы поместите между TD

Code

style=CURSOR:crosshair;
style=CURSOR:pointer;
style=CURSOR:ne-resize;
style=CURSOR:nw-resize;
style=CURSOR:se-resize;
style=CURSOR:s-resize;
style=CURSOR:wait;
style=CURSOR:help;
style=CURSOR:move;
style=CURSOR:e-resize;
style=CURSOR:n-resize;
style=CURSOR:sw-resize;
style=CURSOR:w-resize;
style=CURSOR:text;
style=CURSOR:auto;
style=CURSOR:hand;

[Dimon02022]

Сходящийся в точку хвост.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<script language="Javascript1.2">
<!--

/*
Fade-away cursor trail script (By Dave Collins at [email protected] )
Code and technique learned from site SiteExperts.com
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";

var queue = new Array();

var NUM_OF_TRAIL_PARTS = 5

for (x=1; x < 6; x++) {
eval("trailSpriteFrame" + x + " = new Image(28,36);");
eval("trailSpriteFrame" + x + ".src = 'trailgif" + x + ".gif';");
}

function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID;
this.imgRef = "trailSprite" + anID + "img";
this.currentFrame = 1;
this.animateTrailSprite = animateTrailSprite;
}

function animateTrailSprite() {
if (this.currentFrame <6 ) {
if (isNS) {
eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
} else {
eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");
}
this.currentFrame ++;
} else {
eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');
}   
}

function processAnim() {
for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
queue[x].animateTrailSprite();
}

function processMouse(e) {
currentObj = shuffleQueue();
if (isNS) {
eval("document." + currentObj + ".left = e.pageX - 10 ;");
eval("document." + currentObj + ".top = e.pageY + 10;");
} else {
eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft - 10 ;");
eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop + 10;");
}
}

function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--)   
queue[i] = queue[i-1];
queue[0] = lastItem;

queue[0].currentFrame = 1;
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"');   

return queue[0].trailSpriteID;
}

function init() {

for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
queue[x] = new trailSpriteObj(x+1) ;

if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;

setInterval("processAnim();",25);
}   

window.onload = init;

//-->
</script>

[Dimon02022]

Курсор: Текстовая "змейка на пружине".

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>

[Dimon02022]

Звуковой эффект при наведении мыши на линк.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999

var aySound = new Array();
// Будет загружен музыкальный файл:
aySound[0] = "COSMOS.mid";

document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf ("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML ("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//-->
</script>

[Dimon02022]

Проигрыватель случайно выбранной background music.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<script>
<!--
//By George Chiang (http://www.abstract.simplenet.com)  
var sound1="A_znaesh.mid"
var sound2="COSMOS.mid"
var sound3="104.mid"
var x=Math.random()*10
if (x<=3) x=sound1
else if (x<=6) x=sound2
else  
x=sound3
if (navigator.appName=="Microsoft Internet Explorer")
document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
else  
document.write('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')
//-->
</script>

[Dimon02022]

ПАРОЛЬЕР.

Как защитить страницу от посторонних глаз? Часто бывают случаи, когда
на сайт нужно поместить страницу, к которой имели бы доступ только
"свои" люди. Так вот этот скрипт вам в этом и поможет. Он показывает
код страницы, размещенной до кода скрипта, а затем запрашивает пароль.
Если пароль верный, то продолжает открывать страницу, а в противном
случае отсылает на другую.

=== Достоинства ===
* быстрая работа (в отличии от подобного cgi скрипта)
* легкое администрированние

=== ШАГ НОМЕР 1 ===

Поместите в любое место тегов head /head или body /body:

Code

<!-- Passworder 1.3 SCRIPT --><script language="JavaScript">// script written by Deto Freeman
// find more Java Scripts @ www.js.hotmail.ru
pass = prompt('Enter Password, please:');
if (pass=='!!!0!!!') { alert('!!!1!!!') } else { alert('!!!2!!!'), top.location.href="!!!3!!!" }
</script><!-- Passworder 1.3 SCRIPT END -->

[Dimon02022]

Генератор паролей
(для запароливания, а не для взлома!).

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

SCRIPT LANGUAGE="JavaScript">
<!-- Original: [email protected] -->

<!-- Begin
function getRandomNum(lbound, ubound) {
return (Math.floor(Math.random() * (ubound - lbound)) + lbound);
}
function getRandomChar(number, lower, upper, other, extra) {
var numberChars = "0123456789";
var lowerChars = "abcdefghijklmnopqrstuvwxyz";
var upperChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var otherChars = "`~!@#$%^&*()-_=+[{]}\\|;:'\",<.>/? ";
var charSet = extra;
if (number == true)
charSet += numberChars;
if (lower == true)
charSet += lowerChars;
if (upper == true)
charSet += upperChars;
if (other == true)
charSet += otherChars;
return charSet.charAt(getRandomNum(0, charSet.length));
}
function getPassword(length, extraChars, firstNumber, firstLower, firstUpper, firstOther,
latterNumber, latterLower, latterUpper, latterOther) {
var rc = "";
if (length > 0)
rc = rc + getRandomChar(firstNumber, firstLower, firstUpper, firstOther, extraChars);
for (var idx = 1; idx < length; ++idx) {
rc = rc + getRandomChar(latterNumber, latterLower, latterUpper, latterOther, extraChars);
}
return rc;
}
// End -->
</script>

[Dimon02022]

Кодовая комбинация.

Необходимо, чтобы открываемый по коду документ имел цифровое название - 1234.htm, например. Если Вы назначили какой-то код, а это должна быть 4х значное число, то должны заменить число, выделенное белым цветом в верхней таблице на число, равное произведению всех чисел в коде. К примеру, если код 1234, то цифра должна быть 24, то есть 1*2*3*4=24, если код 2415, то цифра - 40. Причем набор цифр должен осуществляться в том же порядке, что и в коде.

Содержимое этой таблицы поместите между HEAD и /HEAD

Code

<SCRIPT language="JavaScript">
<!-- Key-code script by Bart Jellema
// You may use this script freely as long
// as you credit me for it...
var usermulcode=24
// This is to validate the code. In this case
// the code is 1234 so the mul = 1*2*3*4 = 24
// Change this value for your own code
// If your code is 2415 it will be
// usermulcode = 40 (2*4*1*5)
var code=0 // the entered code
var mul=1 // the multiplied digits
var digit=0 // number of digits entered so far
var fails=0 // number of tries done
function Enter_code(number)
{

code=code*10+number // Add the digit to the code
mul=mul*number // Update mul-value
document.codepad.thecode.value=code // Show code
digit++ // Increase digit

if (digit==4) // Four digits entered
{
if (mul==24) // This is to validate
// the code. In this case
// the code is 1234 so the
// mul = 1*2*3*4 = 24
// Change this value for
// your own code
{
location=code+".htm" // Если Ваш секретный документ имеет расширение html, то впишите html вместо htm
}
else
{
fails++ // Increase fails
code=0 // Reset values
mul=1
digit=0
if (fails<3)  
{
if (fails==1)
{document.codepad.thecode.value="Попытайтесь еще."}
if (fails==2)
{document.codepad.thecode.value="Последний раз!"}
}
else // To many tries = worp back  
{
location="test.htm"              // "провальная страница" - если код набрали неправильно несколько раз
document.codepad.thecode.value="Пока, приятель!"
}  
}
}
}
function keycodepad(mulcode)
{
usermulcode=mulcode
document.write("<form name=\"codepad\">");
document.write("<input type=\"button\" value=\" 1 \" onClick=\"Enter_code(1)\">");
document.write("<input type=\"button\" value=\" 2 \" onClick=\"Enter_code(2)\">");
document.write("<input type=\"button\" value=\" 3 \" onClick=\"Enter_code(3)\"><br>");
document.write("<input type=\"button\" value=\" 4 \" onClick=\"Enter_code(4)\">");
document.write("<input type=\"button\" value=\" 5 \" onClick=\"Enter_code(5)\">");
document.write("<input type=\"button\" value=\" 6 \" onClick=\"Enter_code(6)\"><br>");
document.write("<input type=\"button\" value=\" 7 \" onClick=\"Enter_code(7)\">");
document.write("<input type=\"button\" value=\" 8 \" onClick=\"Enter_code(8)\">");
document.write("<input type=\"button\" value=\" 9 \" onClick=\"Enter_code(9)\"><br>");
document.write("<input type=\"text\" name=\"thecode\" size=10 value=\"\"><br>");
document.write("</form>");
}
// Key-code script by Bart Jellema -->
</SCRIPT>

[Dimon02022]

Пузырьки возле курсора.

Code

<html>
<body>
<script language="JavaScript">
<!--  

Image0=new Image();
Image0.src="whitebubble.gif";
Amount=20;  

Ymouse=-50;
Xmouse=-50;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
rate=new Array();
grow=new Array();
Step=new Array();
Cstep=new Array();
nsSize=new Array();
ns=(document.layers)?1:0;
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;
Xmouse=(document.layers)?evnt.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i=0; i < Amount; i++){  
Ypos[i]=Math.random()*WinHeight-Ymouse;
Xpos[i]=Xmouse;
Speed[i]=Math.random()*10+1;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
grow[i]=4;
nsSize[i]=Math.random()*15+5;
rate[i]=Math.random()*0.5+0.1;
}
if (ns){
for (i = 0; i < Amount; i++){
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');
}
document.write('</div></div>');
}
function MouseBubbles(){
var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(270*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]*5);
Ypos[i]+=sy;
Xpos[i]+=sx;  
if (Ypos[i] < -40){
Ypos[i]=Ymouse;
Xpos[i]=Xmouse;
Speed[i]= 6+Math.random()*3;
grow[i]=4;
nsSize[i]=Math.random()*15+5;
}
if (ns){
document.layers['sn'+i].left=Xpos[i]+wscrll;
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i]+wscrll;
si[i].style.pixelTop=Ypos[i]+hscrll;
si[i].style.width=grow[i];
si[i].style.height=grow[i];  
}
grow[i]+=rate[i];  
Cstep[i]+=Step[i];
if (grow[i] > 24) grow[i]=25;
}
setTimeout('MouseBubbles()',10);
}
MouseBubbles();
//-->
</script>
</body>
</html>

[Dimon02022]

Горизонтальное выпадающее меню с подменю.

Code

<HTML>
<HEAD>
<style>
.menu

{

position: absolute;

top:10;

z-index: 2;

}
.submenu

{

position: absolute;

top: 10;

z-index: 0;

visibility: hide;

visibility: hidden;

}
</style>
<script>
<!--
var old;
var memold;
var subold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else  
{
document.onmouseup=do_out;  
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
do_submenu();
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
do_submenu();
}
function do_submenu(x)
{
if(subold)
{
hide_layer(subold);
subold="";
}
if(x)
{
show_layer(x);
subold=x;
}
}
// -->
</script>
</HEAD>
<BODY>
<center>
<div id="m1" class="menu" style="left: 5;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="115">
<tr>
<td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Системы</b></a>
</td>
</tr>
</table>
</div><div id="m1x" class="submenu" style="left: 5;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="115">
<tr>
<td><a href="../../..//_default.htm">Windows</a><br>
<a href="../../..//_default.htm">Mac</a><br>
<a href="../../..//_default.htm">Unix</a><br>
<a href="../../..//_default.htm">BeOS</a> </td>
</tr>
</table>
</div><div id="m2" class="menu" style="left: 120;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Software</b></a> </td>
</tr>
</table>
</div><div id="m2x" class="submenu" style="left: 120;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="../../..//_default.htm" onmouseover="do_submenu('m21x')">Work</a> >><br>
<a href="../../..//_default.htm" onmouseover="do_submenu()">Tools</a><br>
<a href="../../..//_default.htm" onmouseover="do_submenu('m22x')">Spiele</a> >> </td>
</tr>
</table>
</div><div id="m21x" class="submenu" style="left: 180; top:250; z-index:1;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="../../..//_default.htm">Star Office</a><br>
<a href="../../..//_default.htm">Communicator</a><br>
<a href="../../..//_default.htm">Photoshop</a>
<a href="../../..//_default.htm">Freehand</a> </td>
</tr>
</table>
</div><div id="m22x" class="submenu" style="left: 180; top:290; z-index:1;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="../../..//_default.htm">Tomb Raider</a><br>
<a href="../../..//_default.htm">Quake</a><br>
<a href="../../..//_default.htm">Swing</a> </td>
</tr>
</table>
</div><div id="m3" class="menu" style="left: 220;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Hardware</b></a> </td>
</tr>
</table>
</div><div id="m3x" class="submenu" style="left: 220;">
<table bgcolor="FFDFBF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="../../..//_default.htm">PC</a><br>
<a href="../../..//_default.htm">Mac</a><br>
<a href="../../..//_default.htm">Amiga</a><br>
<a href="../../..//_default.htm">UNIX</a> </td>
</tr>
</table>
</div>
</BODY>
</HTML>

[Dimon02022]

Windows панель для uCoz сайтов (Пуск).

Заходим в панель управления - управление дизайном - нижняя часть сайта , и в самый низ вставляем :

Code

<!-- Windows _panel -->   
   <!-- Меню сайта -->   
   <div id="start">   
   <table border="0" cellpadding="0" cellspacing="0" width="403"><tbody><tr><td class="start1" align="center" height="65" width="403"><span style="cursor:pointer;"><img alt="" title="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://savepic.org/1100348.gif<?endif?>" style="padding-top: 0px; padding-right: 46px;" onclick="profile1();" align="right" height="45" width="48"></span></td></tr></tbody></table>   
   <table border="0" cellpadding="0" cellspacing="0" height="370" width="403"><tbody><tr><td width="268" align="left" class="start2">   
   <div style="text-align:left;"><div style="text-align:left;">   
   <?if($USER_AGENT$=='ie' || $USER_AGENT$=='opera')?><script type="text/javascript" src="/menu_IE.js"></script><?endif?>   

   <ul id="menu" class="pmenu">   
   <li><a href="$HOME_PAGE_LINK$"><img src="http://savepic.org/1053245.png" border="0" alt="Главная" align="left" > <span class="menutext">Главная</span></a></li>   
   <li><a href="$HOME_PAGE_LINK$index/0-2/"><img src="http://savepic.org/1050173.png" border="0" alt="Информация" align="left" > <span class="menutext">Информация</span></a></li>   
   <li><a href="$HOME_PAGE_LINK$load/"><img src="http://savepic.org/1063485.png" border="0" alt="Каталог файлов" align="left" > <span class="menutext">Каталог файлов</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a>   
   <ul id="navmenu-v">   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #1</span></a></li>   
   </ul>   
   </li>   
   <li><a href="#"><span class="menutext">Каталог файлов #2</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог файлов #2</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #2</span></a></li>   
   </ul>   
   </li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог файлов #3</span></a></li>   
   </ul>   
   </li>   
   </ul>   
   </li>   
   <li><a href="$HOME_PAGE_LINK$publ/"><img src="http://savepic.org/1070653.png" border="0" alt="Каталог статей" align="left" > <span class="menutext">Каталог статей</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Каталог статей #1</span></a></li>   
   <li><a href="#"><span class="menutext">Каталог статей #1</span></a></li>   
   </ul>   
   </li>   
   <li><a href="$HOME_PAGE_LINK$photo/"><img src="http://savepic.org/1072701.png" border="0" alt="Фотоальбомы" align="left" > <span class="menutext">Фотоальбомы</span></a>   
   <ul>   
   <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>   
   <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>   
   <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>   
   </ul></li>   
   <li><a href="#"><img src="http://savepic.org/1078845.png" border="0" alt="Приложения" align="left" > <span class="menutext">Приложения</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$stuff/"><img src="http://savepic.org/1079869.png" border="0" alt="Игры" align="left" > <span class="menutext">Игры</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$forum/"><img src="http://savepic.org/1087037.png" border="0" alt="Форум" align="left" > <span class="menutext">Форум</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$gb/"><img src="http://savepic.org/1088061.png" border="0" alt="Гостевая книга" align="left" > <span class="menutext">Гостевая книга</span></a> </li>   
   <li><a href="$HOME_PAGE_LINK$index/0-3/"><img src="http://savepic.org/1082941.png" border="0" alt="Обратная связь" align="left" > <span class="menutext">Обратная связь</span></a> </li>   
   </ul>   
   </div>   
   <script type="text/javascript">   
   $.each($(".pmenu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "current";});   
   </script></div>   
   </td><td width="135" align="left" valign="top" class="start3">   
   <?if($USER_LOGGED_IN$)?>   
   <ul class="uz">   
   <li title="Мой профиль" class="m1"><a class="m1" href="javascript://" onclick="profile1();"><img alt="" src="http://savepic.org/1095229.png" border="0" > Профиль</a></li>   
   <li title="<?if($IS_NEW_PM$)?>$UNREAD_PM$ нов<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>ых<?else?><?if($UNREAD_PM$%10=1)?>ое<?else?>ых<?endif?><?endif?> сообщени<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>й<?else?><?if($UNREAD_PM$%10=1)?>е<?else?>я<?endif?><?endif?><?else?>Нет новых сообщений<?endif?>" class="m1"><a class="m1" href="javascript://" onclick="pm1();"><?if($IS_NEW_PM$)?><img alt="" src="http://savepic.org/1103421.gif" border="0" ><?else?><img alt="" src="http://savepic.org/1101373.gif" border="0" ><?endif?> Сообщения (<b>$UNREAD_PM$</b>)</a></li>   
   <li title="Отправить личное сообщение" class="m1"><a class="m1" href="javascript://" onclick="send1();"><img alt="" src="http://savepic.org/1107517.png" border="0" > Отправить ЛС</a></li>   
   <li title="Настройки профиля" class="m1"><a class="m1" href="javascript://" onclick="change1();"><img alt="" src="http://savepic.org/1054266.png" border="0" > Настройки</a></li>   
   <li title="Все пользователи сайта" class="m1"><a class="m1" href="javascript://" onclick="users1();"><img alt="" src="http://savepic.org/1063482.png" border="0" > Пользователи</a></li>   
   <li title="Мои закладки" class="m1"><a class="m1" href="javascript://" onclick="bookmarks1();"><img alt="" src="http://savepic.org/1063482.png" border="0" > Закладки</a></li>   
   <li title="Мои комментарии к материалам" class="m1"><a class="m1" href="/index/34-$USER_ID$"><img alt="" src="http://savepic.org/1063482.png" border="0" > Комментарии</a></li>   
   <li title="Мои посты на форуме" class="m1"><a class="m1" href="/forum/0-0-1-3-$USER_ID$"><img alt="" src="http://savepic.org/1070650.png" border="0" > Посты</a></li>   
   <li title="Завершить работу" class="m1"><a class="m1" href="$LOGOUT_LINK$"><img alt="" src="http://savepic.org/1068602.png" width="16" height="16" border="0" > Выйти</a></li>   
   </ul>   
   <script type="text/javascript">   
   function profile1(){$('#start').toggle(); new _uWnd('profile1','Мой профиль',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/8-$_USER_ID$" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function pm1(){$('#start').toggle(); new _uWnd('pm1','Мои сообщения',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function send1(){$('#start').toggle(); new _uWnd('send1','Отправить личное сообщение',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14-0-0-1" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function change1(){$('#start').toggle(); new _uWnd('change1','Изменить личные данные',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/11" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function users1(){$('#start').toggle(); new _uWnd('users1','Пользователи сайта',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/15" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }   
   function bookmarks1(){$('#start').toggle(); bMarksView(); }   
   </script>   
   <?else?><ul class="uz">   
   <li class="m1"><a class="m1" href="javascript://" rel="nofollow" title="Вход на сайт" onclick="$('#start').toggle(); new _uWnd('LF','Форма входа',-250,-110,{autosize:0,closeonesc:1,resize:0},{url:'/index/40'});return false;" title="Вход на сайт"><img alt="" src="http://savepic.org/1073722.png" border="0" > Вход</a></li>   
   <li class="m1"><a class="m1" href="$REGISTER_LINK$" title="Регистрация" onclick="$('#start').toggle();"><img alt="" src="http://savepic.org/1087034.png" border="0" > Регистрация</a></li></ul>   
   <?endif?></td>   
   </tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" height="16" width="403"><tbody><tr><td class="start4" height="16" width="403"></td></tr></tbody></table>   
   </div>   
   <!-- end меню сайта -->   

   <table class="starttable" border="0" cellpadding="0" cellspacing="0" height="29" width="100%">   
   <tbody><tr><td style="padding-left: 20px;" height="41" valign="top">   
   <a class="pusk" id="pusk" onclick="$ ('#start').toggle();" setTimeout(off, 100); return false;"></a></td>   
   <td valign="top" style="padding-top: 7px; padding-right: 20px;" align="right">   
   <a title="Перевести страницу" href="javascript:getTranslation();"><img class="panelka" alt="" src="http://savepic.org/1081914.png" border=""></a><script type="text/javascript" src="/en.js"></script> <script type="text/javascript">function nod(){new _uWnd('nod','ESET Online Scanner',650,540,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:0},'<iframe style="overflow:hidden; width:99%; height:99%; margin:0px; border:0px;" src="http://www.esetnod32.ru/.support/scanner/run/" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>');}</script><a title="ESET Online Scanner" href="javascript:;" onclick="nod();"><img class="panelka" src="http://savepic.org/1091130.png" alt="ESET Nod32 Online Scanner" border="" height="24" width="24"></a> <span class="baner">$POWERED_BY$</span> <span id="hours" style="font-weight:bold; vertical-align: super; color: #FFFFFF;"></span></td></tr>   
   </tbody></table>   

   <a href="#" id="toTop" style="z-index:45;"><img alt="" class="panelka" style="z-index:45;" src="http://savepic.org/1092154.png" border="0" align="middle" title="Вверх" ></a>   
   <script src="/jquery.scroll.pack.js" type="text/javascript"></script>   
   <script type="text/javascript">   
   $(function() {   
   $("#toTop").scrollToTop();   
   });   
   </script>   

   <script type="text/javascript" src="/clock.js"></script>   
   <!-- end Windows _panel -->

[Dimon02022]

радио на сайт uCoz.

Онлайн радио от record! Но в этом радио есть не только рекорд но и еще 5 радиостанций!

Под черный дизайн.

Вот скрипт вставляем в нужное место :

Code

<object type="application/x-shockwave-flash" data="http://www.radiorecord.ru/player/player.swf?rand=4183" width="842" height="376">    
   <!--<![endif]-->    
   <param name="quality" value="high">    
   <param name="wmode" value="opaque">    
   <param name="allowScriptAccess" value="sameDomain">    
   <param name="swfversion" value="8.0.35.0">    
   <param name="bgcolor" value="#000000">    
   <param name="expressinstall" value="http://joomla.ucoz.com/Comentarii/1/expressInstall.swf">    
   <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->    
   <div align="center">    
   <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>    
   <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33"></a></p>    
   </div>    

   <!--[if !IE]>-->    
   </object>    
   <!--<![endif]-->   

[Dimon02022]

BB коды для uCoz

Скрипт для ucoz в виде bb кодов которые обновят вашу панель комментариев. Было много решений замены стандартной панели bb кодов для комментариев ucoz, но это лучшее!
Установка. Этап 1. В CSS
В CSS панели BB-кодов для uCoz следует изменить значение width:600px; на своё(ширина):

Code

/* Вид Панели BB-кодов   
   ------------------------------------------*/   
   #panel_bb {   
   float:left;   
   width:600px;   
   height:22px;   
   background:url(http://wallaby.ucoz.ru/images33/fon_panel_bb.gif);   
   }   

   #panel_bb .codeButtons {   
   display:   
   }   

   #panel_bb a {   
   float:left;   
   display:block;   
   width:23px;   
   height:22px;   
   background:url(http://wallaby.ucoz.ru/images33/knopki_bb.png)no-repeat;   
   }   

   #panel_bb a.panel_b {background-position:0px 0px; }   
   #panel_bb a:hover.panel_b {background-position:0px -22px;}   
   #panel_bb a.panel_i {background-position:0px -44px;}   
   #panel_bb a:hover.panel_i {background-position:0px -66px;}   
   #panel_bb a.panel_u {background-position:0px -88px;}   
   #panel_bb a:hover.panel_u {background-position:0px -110px;}   
   #panel_bb a.panel_url {background-position:0px -132px}   
   #panel_bb a:hover.panel_url {background-position:0px -154px;}   
   #panel_bb a.panel_email {background-position:0px -176px;}   
   #panel_bb a:hover.panel_email {background-position:0px -198px;}   
   #panel_bb a.panel_image {background-position:0px -220px;}   
   #panel_bb a:hover.panel_image {background-position:0px -242px;}   
   #panel_bb a.panel_citata {background-position:0px -264px;}   
   #panel_bb a:hover.panel_citata{background-position:0px -286px;}   
   #panel_bb a.panel_code {background-position:0px -308px;}   
   #panel_bb a:hover.panel_code {background-position:0px -330px;}   
   #panel_bb a.panel_hide {background-position:0px -352px;}   
   #panel_bb a:hover.panel_hide {background-position:0px -374px;}   
   #panel_bb a.panel_list {background-position:0px -396px;}   
   #panel_bb a:hover.panel_list {background-position:0px -418px;}   
   #panel_bb a.panel_l {background-position:0px -440px;}   
   #panel_bb a:hover.panel_l {background-position:0px -462px;}   
   #panel_bb a.panel_c {background-position:0px -484px;}   
   #panel_bb a:hover.panel_c {background-position:0px -506px;}   
   #panel_bb a.panel_r {background-position:0px -528px;}   
   #panel_bb a:hover.panel_r {background-position:0px -550px;}   
   #panel_bb a.panel_hr {background-position:0px -572px;}   
   #panel_bb a:hover.panel_hr {background-position:0px -594px;}   
   #panel_bb a.panel_close {background-position:0px -616px;}   
   #panel_bb a:hover.panel_close {background-position:0px -638px;}   
   #panel_bb a.panel_info {float:right; background-position:0px -660px;}   
   #panel_bb a:hover.panel_info {background-position:0px -682px;}   
   /*------------------ wallaby.ucoz.ru -----------------------*/

[Dimon02022]

Online TV + Радио в ajax на Вашем сайте.

После вставляем код:

Code

<!-- <Online TV> -->  
<style type="text/css">  
@import url(http://gsvg.ucoz.ru/css/tvonline.css) all;  
</style>  
<!-- </Online TV> -->