<br /><br /><br /><br /><br /> <script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script><br /><br /><br /><br /><br /> <script type="text/javascript" src="js/jquery.ifixpng.js"></script></p><br /><br /><br /><br /> <p><script type="text/javascript"><br /><br /><br /><br /><br /> $(document).ready(function(){</p><br /><br /><br /><br /> <p>   $(".bouton-slide").click(function(){<br /><br /><br /><br /><br />       $("#panel").slideToggle("slow");<br /><br /><br /><br /><br />       $(this).toggleClass("active"); return false;<br /><br /><br /><br /><br />    });<br /><br /><br /><br /><br />    <br /><br /><br /><br /><br />     <br /><br /><br /><br /><br /> });<br /><br /><br /><br /><br /> </script><br /><br /><br /><br /><br /> <script></p><br /><br /><br /><br /> <p>     // Put all your code in your document ready area<br /><br /><br /><br /><br />      jQuery(document).ready(function($){<br /><br /><br /><br /><br />        // Do jQuery stuff using $<br /><br /><br /><br /><br />       $('img[@src$=.png],  .slide').ifixpng();<br /><br /><br /><br /><br />      });<br /><br /><br /><br /><br />    <br /><br /><br /><br /><br />    <br /><br /><br /><br /><br />    </script><br /><br /><br /><br /><br /> <style type="text/css"><br /><br /><br /><br /><br /> body {<br /><br /><br /><br /><br />    margin: 0 auto;<br /><br /><br /><br /><br />    background: black url(image/fond.gif) no-repeat center top;<br /><br /><br /><br /><br />    padding: 0;<br /><br /><br /><br /><br />    width: 570px;<br /><br /><br /><br /><br />    font: 75%/120% Arial, Helvetica, sans-serif;<br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /> a:focus {<br /><br /><br /><br /><br />    outline: none;<br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /> #panel {<br /><br /><br /><br /><br />    background: #ffb26e;<br /><br /><br /><br /><br />    height: 200px;<br /><br /><br /><br /><br />    display: none;<br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /> .slide {<br /><br /><br /><br /><br />    margin: 0;<br /><br /><br /><br /><br />    padding: 0;<br /><br /><br /><br /><br />    border-top: solid 4px #ff9c44;<br /><br /><br /><br /><br />    background: url(image/bouton_slide.gif) no-repeat center top;<br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /> .bouton-slide {<br /><br /><br /><br /><br />    text-align: center;<br /><br /><br /><br /><br />    width: 144px;<br /><br /><br /><br /><br />    height: 31px;<br /><br /><br /><br /><br />    padding: 10px 10px 0 0;<br /><br /><br /><br /><br />    margin: 0 auto;<br /><br /><br /><br /><br />    display: block;<br /><br /><br /><br /><br />    font: bold 120%/100% Arial, Helvetica, sans-serif;<br /><br /><br /><br /><br />    color: #fff;<br /><br /><br /><br /><br />    text-decoration: none;<br /><br /><br /><br /><br /> }<br /><br /><br /><br /><br /> .active {<br /><br /><br /><br /><br />    background-position: right 12px;<br /><br /><br /><br /><br /> }</p><br /><br /><br /><br /> <p></style></p><br /><br /><br /><br /> <p><br /><br /><br /><br />

  <br /><br /><br /><br /><br /> <div id="panel"><br /><br /><br /><br /><br /> VOTRE CONTENU CACHE A METTRE ICI<br /><br /><br /><br /><br /> </div></p><br /><br /><br /><br /> <p><p class="slide"><a href="#" class="bouton-slide">Derouler</a></p></p><br /><br /><br /><br /> <p><br /><br /><br /><br />

<link rel="stylesheet" type="text/css" href="MooFlowWhite.css" /> <script type="text/javascript" src="MooFlow.js"></script> <script type="text/javascript" src="mootools-1.2-core.js"></script> <script type="text/javascript" src="mootools-1.2-more.js"></script> <script type="text/javascript"> var myMooFlowPage = { start: function(){ var mf = new MooFlow($('MooFlow'), { bgColor: '#fff', useSlider: true, useAutoPlay: true, useCaption: true, useResize: true, useWindowResize: true, useMouseWheel: true, useKeyInput: true }); } }; window.addEvent('domready', myMooFlowPage.start); </script>

<div id="contenu"> <div id="MooFlow">     <div><img src="adresse de votre photo 1" title="Photo 1" alt="photo1" /></div>         <div><img src="adresse de votre photo 2" title="photo 2" alt="photo2" /></div>         <div><img src="adresse de votre photo 3" title="photo 3" alt="photo3" /></div>         <div><img src="adresse de votre photo 4" title="photo 4" alt="photo4" /></div> </div> </div>

<script src='jquery-1.3.2.min.js ' type="text/javascript"></script> <script src='jquery.mousewheel.js' type="text/javascript"></script> <script src='class.horinaja.jquery.js' type='text/javascript'></script> <link rel="stylesheet" href="horinaja.css" type="text/css" media="screen" /> <script>  $(document).ready(function(){ $('#demo').Horinaja({ capture:'demo',delai:0.3, duree:2,pagination:true}); }); </script>

<div style="width:210px;border:1px solid #000000;overflow: hidden;" id="demo" class="horinaja"> <ul> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 1</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 2</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 3</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 4</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 5</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 6</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 7</li> <li style="width: 200px; height: 100px; float: left;">Contenu de la page 8</li> </ul>

  <br /><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><br />    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br /><br />    <script type="text/javascript"><br /><br />       /** <br /><br />        * Effet page cornée <br /><br />        * par Jay Salvat - http://blog.jaysalvat.com/ <br /><br />        */ <br /><br />       $(function() {<br /><br />          $('#corner img').hover(function() {<br /><br />             $(this).stop().animate({ width:'200px', height:'200px' });<br /><br />          }, function() {<br /><br />             $(this).stop().animate({ width:'80px', height:'80px' });<br /><br />          });<br /><br />       });<br /><br />    </script><br /><br />    <br /><br />       #corner {<br /><br />          position:absolute;<br /><br />          top:0px; right:0px;<br /><br />          z-index:9999;<br /><br />          background:url(adresse de l'image illustration.png) top right;<br /><br />       }<br /><br />       #corner img {<br /><br />          border:0;<br /><br />          width:80px; height:80px;<br /><br />          -ms-interpolation-mode: bicubic;<br /><br />       }<br /><br />    </style><br /><br />

  <br /><br /> <a id="corner" href="adresse du lien retour"><img src="adresse de votre'image corner.png" /></a><br /><br />

  <script language="JavaScript1.2"> //Flying planes - by John Ely //Modified from: Autumn leaves script- by Kurt Grigg (kurt.grigg@virgin.net) //Modified by Dynamic Drive for NS6 functionality //Hébergez vos images! //mettez les adresses de vos 5 images grphcs=new Array(5) Image0=new Image(); Image0.src=grphcs[0]="https://storage.canalblog.com/89/57/415861/38274589.gif" Image1=new Image(); Image1.src=grphcs[1]="https://storage.canalblog.com/91/05/415861/38274667.gif" Image2=new Image(); Image2.src=grphcs[2]="https://storage.canalblog.com/37/66/415861/38274633.gif" Image3=new Image(); Image3.src=grphcs[3]="https://storage.canalblog.com/91/05/415861/38274667.gif" Image4=new Image(); Image4.src=grphcs[4]="https://storage.canalblog.com/30/45/415861/38274711.gif" //Préciser le nombre d'images à afficher simultanément de manière aléatoire à partir de la liste ci-dessus. Amount=3; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; ie=document.all if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight-70:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < Amount; i++){                                                                Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+1; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fly(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(Cstep[i]); sx = Speed[i]*2; Ypos[i]+=sy; Xpos[i]+=sx; if (Xpos[i] > WinWidth){ Ypos[i]=Math.round(Math.random()*WinHeight); Xpos[i]=-60; Speed[i]=Math.random()*5+1; } if (ns){ document.layers['sn'+i].left=Xpos[i]+wscrll; document.layers['sn'+i].top=Ypos[i]; } else if (ns6){ document.getElementById("si"+i).style.left=Xpos[i]+wscrll; document.getElementById("si"+i).style.top=Math.min(WinHeight,Ypos[i]); } else{ eval("document.all.si"+i).style.left=Xpos[i]+wscrll; eval("document.all.si"+i).style.top=Ypos[i]; } Cstep[i]+=Step[i]; } setTimeout('fly()',20); } if (ie||ns||ns6) window.onload=fly //--> </script>

  <center><font size="6"><font color="ffffff"><h2 id="fly">Votre texte $ ici</h2></font></font></center> <script type="text/javascript"> //Configurer le message à afficher. Mettre "$" pour aller à la ligne //saisir le texte de l'élément avec ID = "fly" message = document.getElementById("fly").innerHTML; // $ = taking a new line distance = 50; // pixel(s) speed = 200; // milliseconds var txt="", num=0, num4=0, flyofle="", flyofwi="", flyofto="", fly=document.getElementById("fly"); function stfly() { for(i=0;i != message.length;i++) { if(message.charAt(i) != "$") txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"; else txt += "<br>"; } fly.innerHTML = txt; txt = ""; flyofle = fly.offsetLeft; flyofwi = fly.offsetWidth; flyofto = fly.offsetTop; fly2b(); } function fly2b() { if(num4 != message.length) { if(message.charAt(num4) != "$") { var then = document.getElementById("n" + num4); then.style.left = flyofle - then.offsetLeft + flyofwi / 2; then.style.top = flyofto - then.offsetTop + distance; fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5); } num4++; setTimeout("fly2b()", speed); } } function fly3(target,lef2,num2,top2,num3) { if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) { if(lef2 >= 0) lef2 -= num2; else lef2 += num2 * -1; if(Math.floor(lef2) != -1) { document.getElementById(target).style.visibility = "visible"; document.getElementById(target).style.left = Math.floor(lef2); } else { document.getElementById(target).style.visibility = "visible"; document.getElementById(target).style.left = Math.floor(lef2 + 1); } if(lef2 >= 0) top2 -= num3 else top2 += num3 * -1; if(Math.floor(top2) != -1) document.getElementById(target).style.top = Math.floor(top2); else document.getElementById(target).style.top = Math.floor(top2 + 1); setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50) } } stfly() </script>

  <SCRIPT LANGUAGE="Javascript">        <!--         monrollover= new Image( );         monrollover.src="Image2.jpg"; //--> </script>

  <A HREF="http://MonUrl.com" onmouseover="monrollover.src='Image2.jpg';" onmouseout="monrollover.src='Image1.jpg';">     <IMG SRC="Image1.jpg" name="monrollover" border=0>    </A>

  <SCRIPT LANGUAGE="Javascript">        <!--         monrollover= new Image( );         monrollover.src="Image2.jpg";         monrollover1= new Image( );         monrollover1.src="Image3.jpg"; //--> </script>

  <A HREF="http://MonUrl.com" onmouseover="monrollover.src='Image2.jpg';" onmouseout="monrollover.src='Image1.jpg';">     <IMG SRC="Image1.jpg" name="monrollover" border=0>    </A>    <A HREF="http://MonUrl.com" onmouseover="monrollover1.src='Image3.jpg';" onmouseout="monrollover1.src='Image4.jpg';">     <IMG SRC="Image4.jpg" name="monrollover1" border=0>    </A>

  <link href="votre fichier style.css" type="text/css" rel="stylesheet">

  <script src="votre fichier menu.js" language="javascript" type="text/JavaScript"></script>