Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ae pessoal ..
queria fazer uma janela estilo a
desse site http://www.fieldesigner.cjb.net/
.. quando passamos o mouse na imagem
ele aparece maior .. mas ao mesmo tempo quero que as imagens
menores estejam em um rollover eae alguem pode
passar o código pra mim ???
VLW !! ;)
Seguinte,
'abaixo, tem o codigo do efeito de fato, ou seja, o que é mostrado no site, veja:
<table background="imgsport/bgobs.gif" style="background-attachment : fixed; background-repeat : no-repeat;" cellspacing="0" width="396" height="80" cellpadding="0" border="0">
<tr>
<td>
<div class="testoaciona" id="linkex" style="position: visibility: hidden; width=0; font-size: 10px; font-family: verdana, arial, Helvetica, sans-serif; background-color: #F6F6F6; color: Gray;"></div>
<Layer bgcolor="#F6F6F6" name="linkex" visibility="hide" width="366"></Layer></td>
</tr>
</table>
Veja se é esse o script:
<script>
y = 0;
VOK2 = false;
VOK = false;
TTop = 0;
TBot = 0;
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ns6 = !ns4 & !ie4
rolagem = 0;
var Layer5;
function w(txt) {
document.a.b.value= txt;
}
function moveBy(obj,x,y) {
obj.xpos += x
obj.left = obj.xpos
obj.ypos += y
obj.top = obj.ypos
}
function moveTo(obj,x,y) {
obj.xpos = x
obj.left = obj.xpos
obj.ypos = y
obj.top = obj.ypos
}
function SBot() {
if(VOK2) {
if (parseInt(Layer5.left) < 0) {
moveBy(Layer5, 5, 0)
} else {
moveTo(Layer5, 0, 0)
}
TBot=setTimeout("SBot()",50)
}
}
function STop2() {
if(VOK) {
if (parseInt(Layer6.top) < 0) {
moveBy(Layer6, 0, 1)
// moveBy(Botao, 0, -rolagem);
}
TTop=setTimeout("STop2()",50)
}
}
function STop() {
if(VOK2) {
if (parseInt(Layer5.left) > -440) {
moveBy(Layer5, -5, 0)
} else {
moveTo(Layer5, -440, 0)
// (-140) define o tamanho do quadro de imgs a ter rolagem "moto layer5 e layer left tb";
}
TTop=setTimeout("STop()",50)
}
}
function SBot2() {
if(VOK) {
if (parseInt(Layer6.altura+Layer6.ypos) > 115) {
moveBy(Layer6, 0, -1)
// moveBy(Botao, 0, rolagem);
}
TBot=setTimeout("SBot2()",50)
}
}
</SCRIPT>
<script>
<!--
function init() {
VOK2 = true;
if (ns6) {
Layer5 = document.getElementById("Layer5span").style;
moveTo(Layer5, 0, 0);
}
if (ie4) {
Layer5 = document.all.Layer5span.style;
moveTo(Layer5, 0, 0);
}
Layer5.xpos = parseInt(Layer5.left)
Layer5.ypos = parseInt(Layer5.top)
Layer5.yini = Layer5.ypos
}
function init2(strLayer1, strLayer2) {
VOK = true;
if (ns6) {
Layer6 = document.getElementById(strLayer2).style;
// Layer6 = document.layers[strLayer1].layers[strLayer2];
// Botao = document.layers["botaorolagem"];
// Barra = document.layers["bgrolagem"];
moveTo(Layer6, 0, 0);
// moveTo(Botao, Botao.left, 47);
}
if (ie4) {
Layer6 = eval(strLayer2).style;
// Botao = botaorolagem.style;
// Barra = bgrolagem.style;
moveTo(Layer6, 0, 0);
// moveTo(Botao, Botao.left, 47);
}
Layer6.xpos = parseInt(Layer6.left)
Layer6.ypos = parseInt(Layer6.top)
Layer6.altura = parseInt(Layer6.height)
Layer6.yini = Layer6.ypos
// Botao.xpos = parseInt(Botao.left)
// Botao.ypos = parseInt(Botao.top)
// Botao.yini = Botao.ypos
// Barra.altura = parseInt(Barra.height);
// Botao.altura = parseInt(Botao.height);
// rolagem = (Barra.altura-Botao.altura) / (parseInt(Layer6.altura) - 110);
}
//-->
</SCRIPT>
Agor,a notei que tem um arquivo em .js!!
Dai, irei somente enviar a url de baixar o arquivo, depois verifique o que tem!
http://www.fieldesigner.com.br/empresarial.js
[]s
Rodney
Tb estou curioso para ver como é feito!existe algum extensão para DW para rolar na horizontal para aparecer a explicação de cada imagem, como no site.