Jump to content

Subir en forma de acensor.

A-J
 Share

Recommended Posts

A-J Newbie

A-J

Posted
Posted (edited)

Hola!

 

Les traigo un codigo que hace que puedan subir más ligeramente, este codigo hace que puedan subir en forma de ascensor en su web.

 

Si quieres ver un ejemplo haz click aqui y haz click en el icono ubicado abajo a la derecha.

 

Codigo:

Poner esto entre las etiquetas <head>y </head>

<script type="text/javascript">
(function() {
function $(id) {
return document.getElementById(id);
}
function setStyleDisplay(id, status) {
$(id).style.display = status;
}
function goTop(acceleration, time) {
acceleration = acceleration || 0.1;
time = time || 16;
var dx = 0;
var dy = 0;
var bx = 0;
var by = 0;
var wx = 0;
var wy = 0;
if (document.documentElement) {
dx = document.documentElement.scrollLeft || 0;
dy = document.documentElement.scrollTop || 0;
}
if (document.body) {
bx = document.body.scrollLeft || 0;
by = document.body.scrollTop || 0;
}
var wx = window.scrollX || 0;
var wy = window.scrollY || 0;
var x = Math.max(wx, Math.max(bx, dx));
var y = Math.max(wy, Math.max(by, dy));
var speed = 1 + acceleration;
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
if(x > 0 || y > 0) {
var invokeFunction = "MGJS.goTop(" + acceleration + ", " + time + ")"
window.setTimeout(invokeFunction, time);
}
}

function switchTab(showPanels, hidePanels, activeTab, activeClass, fadeTab, fadeClass) {
$(activeTab).className = activeClass;
$(fadeTab).className = fadeClass;

var panel, panelList;
panelList = showPanels.split(',');
for (var i = 0; i < panelList.length; i++) {
var panel = panelList[i];
if ($(panel)) {
setStyleDisplay(panel, 'block');
}
}
panelList = hidePanels.split(',');
for (var i = 0; i < panelList.length; i++) {
panel = panelList[i];
if ($(panel)) {
setStyleDisplay(panel, 'none');
}
}
}

window['MGJS'] = {};
window['MGJS']['$'] = $;
window['MGJS']['setStyleDisplay'] = setStyleDisplay;
window['MGJS']['goTop'] = goTop;
window['MGJS']['switchTab'] = switchTab;

})();

function switchImage(imageId, imageUrl, linkId, linkUrl, preview, title, alt) {
if(imageId && imageUrl) {
var image = $(imageId);
image.src = imageUrl;
if(title) {
image.title = title;
}
if(alt) {
image.alt = alt;
}
}

if(linkId && linkUrl) {
var link = $(linkId);
link.href = linkUrl;
}
}
</script>

 

Y esto pongalo entre <body> y </body>

<!-- www.cssplantilla.es.tl -->
<a id="gotop" onclick="MGJS.goTop();return false;" href="/home.htm" title="Subir" style='display:scroll;position:fixed;bottom:10px;left:5px;'><img src="http://cssplantillas.netau.net/ap/archivos/f9e1950d4f.png" border="0"/></a>

 

Espero que les sirva!

 

PD: No es un code PHP sino un javascript.

 

Saludos! ;)

Edited by A-J
Link to comment
Share on other sites
  • 1 month later...
  • 1 year later...
  • 1 month later...
  • 6 months later...
  • 9 months later...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing
×
×
  • Create New...