Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Come posso Fare?

  1. #1

    effetto trasparenza con "onmouseover"

    come posso mettere un effetto di trasparenza su banner pubblicitari che scorrono in marquee, facendo in modo che quando il mouse ci torna sopra, la trasparenza scompare, e quando si sposta ritorna come nel sito www.ffthefuture.it?
    Chi sono?
    Sono un'ombra...

    ...un'ombra senza nome...

  2. #2
    Utente di HTML.it L'avatar di cyberman
    Registrato dal
    Mar 2002
    Messaggi
    7,543
    a giudicare dal codice della pagina l'effetto si ha grazie a questo javascript

    codice:
    <SCRIPT language=JavaScript1.2>
    
    /*
    Conveyor belt slideshow script- 
    © Dynamic Drive (www.dynamicdrive.com)
    For full source code, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com
    */
    
    
    //Specify the slider's width (in pixels)
    var sliderwidth="180px"
    //Specify the slider's height
    var sliderheight="50px"
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed=1
    //configure background color:
    slidebgcolor="transparent"
    
    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''
    
    
    leftrightslide[1]=''
    leftrightslide[2]='<img src=http://www.absoluteff.com/banner/bannerxaeris.gif border=1 width="88" height="31" alt="Absolution"style="filter:alpha(opacity=40)" onMouseOver="high(this)" onMouseOut="low(this)">'
    leftrightslide[3]='<img src=http://www.phoenixdown.it/links_banner/Banner/posso_volare.gif border=1 width="88" height="31" alt="Phoenixdown"style="filter:alpha(opacity=40)" onMouseOver="high(this)" onMouseOut="low(this)">'
    leftrightslide[4]=''
    leftrightslide[5]=''
    leftrightslide[6]='<img src=http://www.ffbyrikku.altervista.org/miobanner.gif border=1 width="88" height="31" alt="FF By Rikku"style="filter:alpha(opacity=40)" onMouseOver="high(this)" onMouseOut="low(this)">'
    leftrightslide[7]='<img src=http://www.feathersofangels.com/yuniedream/banneryunasdream.gif border=1 width="88" height="31" alt="Yuna Dream"style="filter:alpha(opacity=40)" onMouseOver="high(this)" onMouseOut="low(this)">'
    leftrightslide[8]=''
    leftrightslide[9]=''
    leftrightslide[10]='</a>'
    leftrightslide[11]='</a>'
    leftrightslide[12]='</a>'
    leftrightslide[13]='</a>'
    leftrightslide[14]=''
    leftrightslide[15]='[img]home/immagini/bannerfatti/ILOVEFF.gif[/img]</a>'
    leftrightslide[16]=''
    leftrightslide[17]=''
    leftrightslide[18]=''
    leftrightslide[19]=''
    leftrightslide[20]=''
    leftrightslide[21]=''
    
      ////NO NEED TO EDIT BELOW THIS LINE////////////
    
    var copyspeed=slidespeed
    leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
    var actualwidth=''
    var cross_slide, ns_slide
    
    function fillup(){
    if (iedom){
    cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
    cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
    cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
    cross_slide2.style.left=actualwidth+20+"px"
    }
    else if (document.layers){
    ns_slide=document.ns_slidemenu.document.ns_slidemenu2
    ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
    ns_slide.document.write(leftrightslide)
    ns_slide.document.close()
    actualwidth=ns_slide.document.width
    ns_slide2.left=actualwidth+20
    ns_slide2.document.write(leftrightslide)
    ns_slide2.document.close()
    }
    lefttime=setInterval("slideleft()",30)
    }
    window.onload=fillup
    
    function slideleft(){
    if (iedom){
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
    cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
    else
    cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30+"px"
    
    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
    cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
    else
    cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30+"px"
    
    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+8))
    ns_slide.left-=copyspeed
    else
    ns_slide.left=ns_slide2.left+actualwidth+30
    
    if (ns_slide2.left>(actualwidth*(-1)+8))
    ns_slide2.left-=copyspeed
    else
    ns_slide2.left=ns_slide.left+actualwidth+30
    }
    }
    
    
    if (iedom||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
    if (iedom){
    write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
    write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
    write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
    write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
            </SCRIPT>
    direi quindi che su grafica sei OT, ti sposto su html

  3. #3
    grazie! ^_^ per caso sapete dirmi anche come si impostano i forum che non necessitano php? io ci ho provato, ma quando apro la index, mi appare una pagina in cui non si capisce niente!!!
    Chi sono?
    Sono un'ombra...

    ...un'ombra senza nome...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.