[jQuery] 자동슬라이드

슬라이드 이벤트

$('#header')

.css({ 'top':-50 })

.delay(1000)

.animate({'top': 0}, 800);

$('#footer')

.css({ 'bottom':-15 })

.delay(1000)

.animate({'bottom': 0}, 800);

스크립트 

<header id="header">

<h1>BlocksIt.js | Dynamic Grid Layout jQuery Plugin</h1>

<div id="backlinks">

<a href="../">Back to Home Page &raquo;</a>

<a href="http://www.inwebson.com/jquery/blocksit-js-dynamic-grid-layout-jquery-plugin/">Visit Plugin Article Page &raquo;</a>

</div>

<div class="clearfix"></div>

</header>

<footer id="footer">

<span>&copy; 2012 <a href="http://www.inwebson.com">inWebson.com</a>. Design by <a href="http://www.inwebson.com/contactus">Kenny Ooi</a>. Powered by <a href="http://www.inwebson.com/jquery/">jQuery</a>.More script and css style

: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a></span>

</footer>