Design-IT !
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.


Designul nostru esti tu !
 
AcasaUltimele imaginiCăutareÎnregistrareConectare

 

  Javascript - Sliding Menu Bar

In jos 
AutorMesaj
Clik
Administrator



Mesaje : 12
Data de inscriere : 27/06/2011
Varsta : 26

 Javascript - Sliding Menu Bar Empty
MesajSubiect: Javascript - Sliding Menu Bar    Javascript - Sliding Menu Bar I_icon_minitimeJoi Iul 21, 2011 4:52 am

Cod:
<style type="text/css">
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
padding: 5px;
margin-bottom: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #d5d5d5;
background-color: #f3f3f3;
}
a {
text-decoration: none;
}
a:hover{text-decoration: none !important;}

</style>
<script language="Javascript1.2">

/***********************************************
* Sliding Menu Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
* Extrem Tutorials or Design Art - $tefaN
* Nu este permisa distribuirea pe alte site-uri.
***********************************************/

var slidemenu_width='180px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='170px'  //specify vertical offset of menu on page

var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0

if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}

var sitems=new Array()

///////////Edit below/////////////////////////////////

//siteitems[x]=["Text", "Exemplu: (http://www.)"]

sitems[0]=["<big><font face='Arial'>Meniu</font></big>", ""]
sitems[1]=["TEXTUL DORIT", "link/"]
sitems[2]=["TEXTUL DORIT", "link/"]
sitems[3]=["TEXTUL DORIT", "link/"]
sitems[4]=["TEXTUL DORIT", "link/"]
sitems[5]=["TEXTUL DORIT", "link/"]
sitems[6]=["TEXTUL DORIT", "link/"]
sitems[7]=["TEXTUL DORIT", "link/"]
sitems[8]=["TEXTUL DORIT", "link/"]
sitems[9]=["TEXTUL DORIT", "link/"]
sitems[10]=["TEXTUL DORIT", "link/"]

//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""

/////////////////////////////////////////////////////////

if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1

if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>

Info: Pentru a personaliza acest cod necesita cunostinte in css, in nici un caz JavaScript.
Acesta este un script care face sa iti apare un meniu in partea stanga a forumului.
Sus In jos
https://design-it.forumgratuit.ro
 
Javascript - Sliding Menu Bar
Sus 
Pagina 1 din 1
 Subiecte similare
-
» Javascript - Radio ZU
»  Javascript - jQuery Scroll to Top Control
»  Javascript - Twitter Zburator (Flying Twitter)

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Design-IT ! :: Tutoriale :: ForumGratuit-
Mergi direct la: