Response title
This is preview!
$.fn.scroller = function() {
var speed = 'slow'; // Choose default speed
$(this).each(function() {
$(this).bind('click', function() {
var target = $(this).attr('#topoffooter'); // Get scroll target
$(target).ScrollTo(speed);
return false;
});
});
}
$(document).ready(function() {
$('#scrollbutton').click(function() {
var divOffset = $('#header').offset().top;
var pOffset = $('#topoffooter)').offset().top;
var pScroll = pOffset - divOffset;
$('html,body').animate({scrollTop: '+=' + pScroll + 'px'}, 1000, 'bounceout');
});
});
function scrollWin(){
$('html, body').animate({
scrollTop: $("#topoffooter").offset().top
}, 2000);
}
<head>
<link rel="stylesheet" type="text/css" href="formatting.css" />
<link rel="stylesheet" type="text/css" href="type.css" />
<link rel="stylesheet" href="dd-formmailer.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="stepcarousel.js">
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<style type="text/css">
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 892px; /*Width of Carousel Viewer itself*/
height: 294px; /*Height should enough to fit largest content's height*/
left: 6px;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 6px;
width: 890px;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 892px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
</style>
<script type="text/javascript">
var revert = new Array();
var inames = new Array('home', 'about', 'services', 'portfolio', 'quote', 'contact');
// Preload
if (document.images) {
var flipped = new Array();
for(i=0; i<inames.length; i++) {
flipped[i] = new Image();
flipped[i].src = inames[i]+"2.png";
}
}
function over(num) {
if(document.images) {
revert[num] = document.images[inames[num]].src;
document.images[inames[num]].src = flipped[num].src;
}
}
function out(num) {
if(document.images) document.images[inames[num]].src = revert[num];
}
</script>
</head>
© 2013 jQuery Foundation
Sponsored by and others.