|
Pour pouvoir utiliser ce script, il faut d'abord faire la boite(div/élément) et on peut changer son opacité(transparence) en utilisant la fonction set_opacity(id_de_l_element, opacite)
Voici les codes:
changer_opacite_div.html
Code: (X)html
xmlns="http://www.w3.org/1999/xhtml">
>
http-equiv="Content-Type" content="text/html; charset=utf-8" />
>Changer l'opacit é d'un él ément en javascript >
rel="stylesheet" media="all" title="Style de la page" href="changer_opacite_div.css" />
type="text/javascript" src="changer_opacite_div.js">>
>
>
class="bloc" id="bloc1">
src="image.jpg" alt="Image" /> />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta. />
class="pct">100%>
>
type="text/javascript">
//
>
class="bloc" id="bloc2">
src="image.jpg" alt="Image" /> />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta. />
class="pct">75%>
>
type="text/javascript">
//
>
class="bloc" id="bloc3">
src="image.jpg" alt="Image" /> />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta. />
class="pct">50%>
>
type="text/javascript">
//
>
class="bloc" id="bloc4">
src="image.jpg" alt="Image" /> />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta. />
class="pct">25%>
>
type="text/javascript">
//
>
class="bloc" id="bloc5">
src="image.jpg" alt="Image" /> />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta. />
class="pct">0%>
>
type="text/javascript">
//
>
>
>
changer_opacite_div.css
Code: CSSbody
{
background:url('arriere_plan.gif');
}
.bloc
{
text-align:center;
width:190px;
border:1px solid black;
background-color:#E0E0E0;
float:left;
margin:10px;
padding:5px;
}
.pct
{
font-size:28px;
}
changer_opacite_div.js
Code: JavaScriptfunction set_opacity(id, opacity)
{
el = document.getElementById(id);
el.style["filter"] = "alpha(opacity="+opacity+")";
el.style["-moz-opacity"] = opacity/100;
el.style["-khtml-opacity"] = opacity/100;
el.style["opacity"] = opacity/100;
return true;
} Essayer... |
Avenue des F.A.R. Rsidence Niama N6 - Ttouan (Maroc)
