フェイド・イン

ページを開くと画像が浮かび上がってきます。
http://niming538.hatenablog.com/entry/2014/03/06/231259

<h1>Fade In</h1>
<p><img class="fade-img" style="display: none;" src="http://cdn-ak.f.st-hatena.com/images/fotolife/n/niming538/20140306/20140306230325.png" alt="" /></p>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">// <![CDATA[
$('.fade-img').fadeIn(5000);
// ]]></script>

タネ本：

jQueryプログラミング入門―Ajaxにも使えるJavaScriptライブラリ

および、ドットインストールの
jQuery入門
です。