Imprimer la Page | Fermez la fenêtre

Texte Zoom

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Scripts pour votre site
Description du Forum: Exemple de scripts utilisables dans les blocs de codes
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=17485
Date: 28 Mar 2024 à 21:19
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Texte Zoom
Posté par: wolf
Sujet: Texte Zoom
Posté le: 08 Oct 2012 à 15:32
un petit scrit d'un texte qui zoom et qui dezoom a mettre dans un bloc de code :
(que j'ai recuperé chez un pote)
 
<script language=javaScript>
 <!--
// Vous pouvez modifier
 var maxfontsize=40
 var textcolor="AAAAAA"
 var textfont="Arial"
 var message="votre texte ici"
 // fin des modifications
 var thissize=0
 var step=1
 
function stretch() {
if (thissize<0) {step=1; thissize=0}
if (thissize < maxfontsize) {
 if(document.all) {
 zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>"
 }
 if(document.layers) {
 document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>")
 document.close()
 }
 step++
 thissize=thissize+step
 var timer=setTimeout("stretch()",50)
 }
 else {
 clearTimeout(timer)
 var intermezzo=setTimeout("shrink()",1000)
 }
 }
 
function shrink() {
if (thissize > -0) {
 if(document.all) {
 zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>"
 }
 if(document.layers) {
 document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor+"'>"+message+"</span>")
 document.close()
 }
 if (step >= 2) {step=step-1} else{step=1}
 thissize=thissize-step
 var timer=setTimeout("shrink()",50)
 }
 else {
 clearTimeout(timer)
var intermezzo=setTimeout("stretch()",1000)
 }
 }
 // -->
 </script>
  <BODY> :
<Body onLoad="stretch()">
<BODY> :
 
<div id="zoomer" style="position:absolute;visibility:visible;top:10px; left:10px"></div>



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net