Sed ut risus arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
| Arquivo: esticar.html |
<script language="javascript">
function expand() {
document.getElementById("exp-banner").style.clip="rect(0px 600px 300px 0px)";
}
function retract() {
document.getElementById("exp-banner").style.clip="rect(0px 600px 150px 0px)";
}
</script> |
| As div's do esticar.html |
<div style="position: relative; width: 600px; height: 150px">
<div id="exp-banner" style=" position:absolute;clip: rect(0px 600px 150px 0px)">
<object ... width="600" height="300">
<embed ... width="600" height="300"></embed>
</object>
</div>
</div> |
| Arquivo: esticar.fla |
import fl.controls.*;
import fl.events.*;
var carregarImg01:Loader = new Loader();
var enderecoImg01:URLRequest = new URLRequest("arquivo01.jpg");
carregarImg01.load(enderecoImg01);
var botao01:Sprite = new Sprite();
botao01.addChild(carregarImg01);
botao01.addEventListener(MouseEvent.MOUSE_OVER, mOver01);
botao01.addEventListener(MouseEvent.CLICK, onClick);
addChild(botao01);
var carregarImg02:Loader = new Loader();
var enderecoImg02:URLRequest = new URLRequest("arquivo02.jpg");
carregarImg02.load(enderecoImg02);
addChild(carregarImg02);
var botao02:Sprite = new Sprite();
botao02.addChild(carregarImg02);
botao02.addEventListener(MouseEvent.MOUSE_OUT, mOut02);
botao02.addEventListener(MouseEvent.CLICK, onClick);
addChild(botao02);
botao01.visible = true;
botao02.visible = false;
function mOver01(evt:MouseEvent):void {
botao01.visible = false;
botao02.visible = true;
var m1:URLRequest = new URLRequest("javascript:expand();");
navigateToURL(m1, "_self");
}
function mOut02(evt:MouseEvent):void {
botao01.visible = true;
botao02.visible = false;
var m2:URLRequest = new URLRequest("javascript:retract();");
navigateToURL(m2, "_self");
}
function onClick(evt:MouseEvent):void{
var m3:URLRequest = new URLRequest("http://www.google.com.br/");
navigateToURL(m3, "_top");
} |
| Arquivo: arquivo01.jpg |
![]() |
| Arquivo: arquivo02.jpg |
![]() |