Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

new!

Scroll au top

Script posté par :

Tdeny
Vous aussi, postez vos scripts en cliquant ici.

Description

Script de menu qui reste toujours au top, disparaissant quand on clique sur l'écran, et pouvant se mettre à droite ou à gauche.
Note qu'il comprend des modification de table de css par la plus ancienne façon de microsoft, c.a.d stylesheets[x].rules[y] qui ne sont pas nécessaires.
J'ai déjà mis il y a longtemps ce script sur Codes Sources JS, et j'en ai vu un autre ici qui y ressemble pas mal.
Mais tu me demandes d'y mettre les miens...

Compatibilité :

	FireFox : Incompatible
	Mozilla : Incompatible
	Netscape Navigator : Incompatible
	Internet Explorer : 5 et +

Chiffres :

Date de création : 20/04/2005
Dernière modif : -
Visites de la page : 30626
Envois par mail : 105

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

function adroite() {
drtgch = 2;
ReplaceMenu();
}

function change() {

if (tst == true)
  { if( onchg == 1)
    {
    menu.style.display='none';
    onchg = 2;
    }
  else   {
    menu.style.display='inline';
    onchg = 1;
    }
  }
}
document.write("<style ID='ST1' type='text/css'>");
document.write("#menu {position:absolute; top:0px; left:0px;padding:4px;background-color:#CFE6EE;width:"+ largmenu +"px;height:"+ hautmenu +"px;border: blue 8px solid; font-size: 14px; color: violet;}");
document.write("</style>");
</script>
<style ID='ST2' type="text/css">
#tab {width : 900px;}
p.lien1 {margin:2 2 2 0; border:2px darkred groove; color: blue; font-family:Arial, sans-serif;font-size:12px;}
p.lien1actif {margin:2 2 2 0; border:2px darkblue outset; color: red; background-color: yellow; font-family:Arial, sans-serif;font-size:12px;}
a.lien:link {
  font-weight: 300;
  text-decoration: underline;
  width: 100%;
  }
a.lien:active {
  text-decoration: underline;
  font-weight: 700;
  }
a.lien:visited {
  font-weight : 300;
  text-decoration: none;
  }
a.lien:hover {
  color: red;
  }
</style>

Balise <BODY> :

Entre <BODY> et </BODY> :

<DIV ID="menu" onClick="tst=false;"> 
<p style="color: red;border-bottom: blue 4px solid;">Menu - <span style="font-size:10px"><a href="#" onClick="adroite();return false">A droite</a> - <a href="#" onClick="Javascript:drtgch=1;ReplaceMenu();return false;">A gauche</a></span></p>

<p class="lien1" onmouseOver="this.className='lien1actif';document.styleSheets[0].rules[0].style.borderColor='darkred';document.styleSheets[0].rules[0].style.borderStyle='Outset';" onmouseOut="this.className='lien1';document.styleSheets[0].rules[0].style.borderColor='blue';document.styleSheets[0].rules[0].style.borderStyle='solid';"><a class="lien" href="http://www.fr.yahoo.com">Yahoo</a></p>
<p class="lien1" onmouseOver="this.className='lien1actif';document.styleSheets[0].rules[0].style.borderColor='darkgreen';document.styleSheets[0].rules[0].style.borderStyle='Outset';" onmouseOut="this.className='lien1';document.styleSheets[0].rules[0].style.borderColor='blue';document.styleSheets[0].rules[0].style.borderStyle='solid';"><a class="lien" href="http://www.altavista.fr">Alta vista</a></p>
</DIV>

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De mobman02 - le 20-04-2005

Pour info sous firefox ca passe bien ;)

>> Poster une annotation sur ce script

4 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

iFrance Pro
Reposant sur une plateforme technique vraiment performante, iFrance pro propose des offres vraiment tres interessantes, nom de domaine offert, à partir de 5 € / mois !
http://www.ifrancepro.com/

Cat : Hebergement web
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

54416 membres
9050 comptes CountUs
1420 comptes myCircle

LES FORUMS :

14 forums
39081 topics
188346 messages
>> Les forums

SONDAGE

La mini-astuce "Referencement" du jour par cybermax
Référencement Flash : comment référencer un site web réalisé en Flash ?
Tapez l'adresse de votre animation Flash ci-dessous :
http://www.flash-moteurs.com
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi