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...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

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