salve a tutti!
Ho trovato uno script Java per far muove qualunque div seguendo lo scrolling. Ho fatto delle prove con delle immagini all'interno dei div per verificare la funzionabilità e ho constatato che funziona però quando lo inserisco nella pagina che sto costruendo non mi funziona, credo sia un problema di posizione dei div, forse devo cambiare i css ...
Questi sono gli script:
<head>
<style type="text/css">
a img {
border:none;
}
.main{
float:left;
height:1000px;
width:799px;
}
.nav {background-color:#f7fafc;
float:left;
height:980px;
width:230px;
border-left-style:solid;
border-left-color:#b1d4f9;
border-left-width:1px;
border-right-style:solid;
border-right-color:#b1d4f9;
border-right-width:1px;
margin-left:1px
}
.cella {background-color:#97efd3;
width:175px;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
padding:10px;
border:1px ;
border-style:solid;
border-color:#178a7a;
margin:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
.menuelementi a {color: #330099;
width: 150px;
background-color: 97efd3;
padding: 2px;
padding-left: 3px;
border-bottom: 1px solid #b1d4f9;
font-family: 'URW Chancery L Medium Italic', Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: left;}
.cartina{background-color:#f7fafc;
float: right;
height:980px;
width:546px;
border-left-style:solid;
border-left-color:#b1d4f9;
border-left-width:1px;
border-right-style:solid;
border-right-color:#b1d4f9;
border-right-width:1px;
}
.boxdestro{
float:right;
height:640px;
width:140px;
}
</style>
<script type="text/javascript">
var verticalpos="frombottom"
function JSFX_FloatTopDiv()
{
var startX = 5,
startY = 250;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
// end -->
</script>
<title>Home - mio sito</title>
</head>
<body>
<div>
[img]home_file/logo.png[/img]
</div>
<div class="main">
<div class="cartina">
bla bla bla bla bla bla
</div>
<div class="nav">
<div id="divStayTopLeft">
<DIV STYLE="position:relative; top:-45; left:35px">
[img]home_file/pulsanteprovince.png[/img]
</div>
</div>
<div class="cella">
Menu elementi
<div class="menuelementi">
blablablabla bla bla bla bla
</div>
</div>
</div>
</div>
</div>
<div class="boxdestro">
bla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla bla
</div>
</div>
</body>
Rispondi quotando
