[Buttons II]

Buttons II ist die horizontale Variante zu Buttons.

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<style type="text/css">
<!--
a:link, a:visited, a:active, a:hover{text-decoration:none}
//-->
</style>

<script language="JavaScript">
<!-- IE and NS6 Menu Button script kurt.grigg@virgin.net; modified by nightfire
if (!document.layers){

// Choose size and colours here!!!!!!!!!!!!!!!!!!!!!!!!!!
Width=100;
Font='Verdana';
FontSize=12;
AFontColor='#ffffff';
BFontColor='#ffffff';
CFontColor='#ffffff';
FontWeight='normal'; //normal or bold!
BackGround='#0080ff'; //Same as your body bgcolor!
BorderDepth=1;
BorderLight='#00ccff';
BorderShad='#000000';

//Nothing needs altering past here!!!!!!!!!!!!!!!!!!!!!!
function On(id){
with(id.style){
color=BFontColor;
borderTopColor=BorderLight;
borderLeftColor=BorderLight;
borderRightColor=BorderShad;
borderBottomColor=BorderShad;
}
}
function Off(id){
with(id.style){
color=AFontColor;
borderTopColor=BackGround;
borderLeftColor=BackGround;
borderRightColor=BackGround;
borderBottomColor=BackGround;
}
}
function Down(id){
with(id.style){
color=CFontColor;
borderTopColor=BorderShad;
borderLeftColor=BorderShad;
borderRightColor=BorderLight;
borderBottomColor=BorderLight;
}
}
function Link(Url,Target,Txt){
document.write("<a href='"+Url+"' target='"+Target+"'>"
+"<div style='position:relative;"
+"width:"+Width+"px;height:"+FontSize+"px;"
+"border-width:"+BorderDepth+"px;"
+"border-color:"+BackGround+";"
+"border-style:solid;"
+"padding:"+FontSize/3+"px;"
+"background:"+BackGround+";"
+"font-family:"+Font+";"
+"font-size:"+FontSize+"px;"
+"line-height:"+FontSize*1.2+"px;"
+"font-weight:"+FontWeight+";"
+"text-align:left;"
+"color:"+AFontColor+";"
+"margin-top:2px;"
+"cursor:hand'"
+"onMouseOver='javascript:On(this)'"
+"onMouseOut='javascript:Off(this)'"
+"onMouseDown='javascript:Down(this)'>"
+Txt+"</div></a>");
}
}
function Temp(){
alert("TEST");
}
//-->
</script>

[zwischen <BODY> und </BODY>]

<script language="JavaScript">
<!--
document.write("<div style='position: absolute; left: 100px; top: 50px'>" //geben Sie mit left und top die Position an
+"<table border='0' cellpadding='0' cellspacing='1'>"
+"<tr><td valign='top'>");

/*   The visible Buttons here!
Verwenden Sie so viele Buttons, wie Sie möchten
achten Sie auf folgende Struktur:
Link('URL','Zielframe','Beschriftung');
nach jedem Link folgt ein document.write();
*/

Link('http://www.yahoo.com','new','Yahoo');
document.write("</td><td valign='top'>");
Link('http://www.google.com','new','Google');
document.write("</td><td valign='top'>");
Link('http://www.altavista.com','new','Alta Vista');
document.write("</td><td valign='top'>");
Link('http://www.lycos.com','new','Lycos');
document.write("</td><td valign='top'>");
Link('http://www.hotbot.com','new','Hotbot');

document.write("</td></tr></table></div>");

//-->
</script>

[Autor]

Original by Kurt Grigg
modiziert von nightfire

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 0080