переход на Главную страницу...


Cкачать Java скрипты
(1-100)

01   02   03   04   05  
06   07   08   09   10  
11   12   13   14   15  
16   17   18   19   20  
21   22   23   24   25  
26   27   28   29   30  
31   32   33   34   35  
36   37   38   39   40  
41   42   43   44   45  
46   47   48   49   50  
51   52   53   54   55  
56   57   58   59   60  
61   62   63   64   65  
66   67   68   69   70  
71   72   73   74   75  
76   77   78   79   80  
81   82   83   84   85  
86   87   88   89   90  
91   92   93   94   95  
96   97   98   99   100  

бесплатные шаблоны
javascript для html


Java скрипт - Супер - кнопочки

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

 

<script>

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>

 

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

 

<center>
Без рисунков: <br><br>
<table class="coolBar" style="margin-left: 10px;cursor:hand">
<tr>
<td class="coolButton" width="120">
<font face="Verdana" size="2"><b>JS Library</b></font>
</td>
<td class="coolButton" width="120">
<font face="Verdana" size="2"><b>Что нового</b></font>
</td>
<td class="coolButton" width="120">
<font face="Verdana" size="2"><b>Когда выйдет</b></font>
</td>
<td class="coolButton" width="120">
<font face="Verdana" size="2"><b>Форум</b></font>
</td>
</tr>
</table>
<br><br>

И с рисунками:<br><br>
<table class="coolBar">
<tr>
<td class="coolButton" width="130" onClick="window.location=('home.htm')">
<img src="home.gif"> <font face="Verdana" size="2"><b>JS Library</b></font>
</td>
<td class="coolButton" width="130">
<img src="htmlicon.gif"> <font face="Verdana" size="2"><b>Что нового</b></font>
</td>
<td class="coolButton" width="130">
<img src="htmlicon.gif"> <font face="Verdana" size="2"><b>Когда выйдет</b></font>
</td>
<td class="coolButton" width="130">
<img src="htmlicon.gif"> <font face="Verdana" size="2"><b>Форум</b></font>
</td>
</tr>
</table>
</center>




      
Cкачать Java скрипты
(101-200)

101   102   103   104   105  
106   107   108   109   110  
111   112   113   114   115  
116   117   118   119   120  
121   122   123   124   125  
126   127   128   129   130  
131   132   133   134   135  
136   137   138   139   140  
141   142   143   144   145  
146   147   148   149   150  
151   152   153   154   155  
156   157   158   159   160  
161   162   163   164   165  
166   167   168   169   170  
171   172   173   174   175  
176   177   178   179   180  
181   182   183   184   185  
186   187   188   189   190  
191   192   193   194   195  
196   197   198   199   200  

скачать шаблоны
java script для html
  Книги   Скрипты     Анекдоты   Web Мастеру