Hola buenos estoy haciendo un efecto en div donde baja asta el centro de la pantalla, me funciona correctamente , pero me gustaría que me lo puedan revisar y mejorar el script.
PHP:
# Diferente top.style, dependiendo si es la primera vez o pulsado desde la zona
# ************************************************** **
if ($_GET['primeravez'] == true && $_GET['primeravez'] != "undefined") ? $top = "-550px" : $top = "160px";
<div id="fadebox" class="fadebox" style="display: block; z-index: 1020;"></div>
<div id="mooSlide" class="mooSlide" align="center" style="display: block; top: <?= $top; ?>;">
....
....
....
....
</div>
JAVASCRIPT:
<script type="text/javascript">
function maximizar(size,fadebox)
{
<!--
var moo = document.getElementById('mooSlide');
var mooSlide = moo.style.top;
//Detectando si es Safari
var is_safari = navigator.userAgent.toLowerCase().indexOf('safari/') > -1;
if (is_safari )
{
var cantidad_saltos= 4;
var cantidad_fadebox= 0.01;
}
//Detectando si es Chrome
var is_chrome= navigator.userAgent.toLowerCase().indexOf('chrome/') > -1;
if (is_chrome)
{
var cantidad_saltos = 16;
var cantidad_fadebox= 0.02;
}
//Detectando si es Firefox
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox/') > -1;
if (is_firefox )
{
var cantidad_saltos = 12;
var cantidad_fadebox= 0.02;
}
//Detectando Cualquier version de IE
if ('\v'=='v')
{
var cantidad_saltos = 36;
var cantidad_fadebox= 0.01;
}
//Detectando si es IE6
var is_ie6 = (window.external && typeof window.XMLHttpRequest == "undefined");
if (is_ie6 )
{
var cantidad_saltos = 16;
var cantidad_fadebox= 0.01;
}
if (!cantidad_saltos)
{
var cantidad_saltos = 4;
}
if (!cantidad_fadebox)
{
var cantidad_fadebox= 0.01;
}
if (moo)
{
document.getElementById('mooSlide').style.top = size+"px";
document.getElementById('fadebox').style.opacity = fadebox;
if (fadebox < 0.8)
{
fadebox = fadebox + cantidad_fadebox;
}
//alert(document.getElementById('fadebox').style.opa city);
maximizar_refresh(size+cantidad_saltos,fadebox);
}
//-->
}
function maximizar_refresh(size,fadebox)
{
var size;
var fadebox;
if (!size)
{
size = -550;
}
if (!fadebox)
{
fadebox = 0;
}
if (size >= 160)
{
document.getElementById('mooSlide').style.top = "160px";
document.getElementById('fadebox').style.opacity = 0.80;
clearTimeout(timeout);
return false;
}
timeout= window.setTimeout('maximizar('+size+','+fadebox+') ', 1);
}
maximizar_refresh();
</script>
