gaby Posted June 24, 2008 Report Posted June 24, 2008 Aveti un exemplu aici: http://www.webresourcesdepot.com/wp-conten...y-sliding-menu/ Arhiva cu fisierele necesare o aveti aici: Mirror 1: Mic ghid de instalare: Pasul 1. Pentru inceput trebuie sa rulati scriptul jquery-1.2.6.min.js, introducand codul de mai jos intre etichetele <head></head> <script type="text/javascript" src="jquery-1.2.6.min.js"></script> Pasul 2. Adaugati intre etichetele <head></head> codul: <style type="text/css"> body { margin: 0; font-size:16px; color: #000000; font-family:Arial, Helvetica, sans-serif; } #sliderWrap { margin: 0 auto; width: 300px; } #slider { position: absolute; background-image:url(slider.png); background-repeat:no-repeat; background-position: bottom; width: 300px; height: 159px; margin-top: -141px; } #slider img { border: 0; } #sliderContent { margin: 50px 0 0 50px; position: absolute; text-align:center; background-color:#FFFFCC; color:#333333; font-weight:bold; padding: 10px; } #header { margin: 0 auto; width: 600px; background-color: #F0F0F0; height: 200px; padding: 10px; } #openCloseWrap { position:absolute; margin: 143px 0 0 120px; font-size:12px; font-weight:bold; } </style>[/code] [b]Pasul 3:[/b] Adaugati intre etichetele [color=red][b]<body></body>[/b][/color] codurile: [code]<script type="text/javascript"> $(document).ready(function() { $(".topMenuAction").click( function() { if ($("#openCloseIdentifier").is(":hidden")) { $("#slider").animate({ marginTop: "-141px" }, 500 ); $("#topMenuImage").html(??€ Te-ai inregistrat? Ne-ar placea sa te prezinti. Cum pot sustine forumul? Cumpara de la eMag folosind acest link. --------------------
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now