[Beschreibung]
Buttons II ist die horizontale Variante zu Buttons.
[Kompatibilität]
[Code]
<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>
<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>
Original by Kurt Grigg modiziert von nightfire
Kopieren Sie bitte den Code