Hi all...
here you are different codes...
- Code:
<img src="IMAGR ULR HERE" onclick="jQuery('html,body').animate({scrollTop: jQuery('#top').offset().top}, 2000);">
if you want put it in the bottom in the overall_footer
here you are the full code
- Code:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('body').prepend('<span id="bm-top" />');
jQuery('body').append('<a href="#bm-top" id="bm-arrow-top">Back To Top</a>');
jQuery('#bm-arrow-top').bm_topLink({
min: 200,
fadeSpeed: 500
});
jQuery('#bm-arrow-top').click(function(e) {
e.preventDefault();
});
jQuery('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var $target = jQuery(this.hash);
$target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
jQuery('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
jQuery.fn.bm_topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200
}, settings);
return this.each(function() {
var el = jQuery(this);
el.hide();
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() >= settings.min) {
el.fadeIn(settings.fadeSpeed);
} else {
el.fadeOut(settings.fadeSpeed);
}
});
});
};
</script>
<style type="text/css">
a#bm-arrow-top {position:fixed; bottom:30px;right:30px; display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none; border:none;}
a:hover#bm-arrow-top {background-position:bottom left;}
</style>
bye
Published by Irian
Post published on Sat Oct 15, 2011 12:30 pm
