CSS Sprites 应用于Go Top导航(未完成版)

首先在 Google Reader 里看到MG12大神一篇文章
http://www.neoease.com/fixed-go-top-button-to-browser-window-with-jquery/

弄到了份代码
http://www.veryhuo.com/a/view/44967.html

此外图片为 MG12大神 博客里的图…… 目前某X技术有限,在此盗图略表歉意……

之后网上又开始搜索更详细的介绍
索引介绍
http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.html

灰常基本的介绍,比较适合初学者
http://davidwalsh.name/css-sprites

进阶【原理介绍】
http://www.itnewb.com/tutorial/Optimize-Your-Web-Site-by-Using-CSS-Image-Sprites/
进阶【其他用法】
http://www.frankmanno.com/ideas/css-imagemap/

==========================================================

应用到WP中变更的代码
在 theme/twentyeleven/foot.php中,修改最下方代码为

<?php wp_footer(); ?>
<script language=”javascript” src=”http://xuxun.me/js/jquery-1.7.2.js”></script> <!– 加载 JQuery库 –>
<script language=”javascript” src=”http://xuxun.me/js/go_top.js”></script> <!– 2012-3-21 15:45 用于添加返回顶层小导航 –>
<link href=”http://xuxun.me/css/go_top.css” rel=”stylesheet” type=”text/css” /> <!– 设定返回顶层的样式 –>
</body>
</html>

Dalston
2012-3-31
未完待续 

Leave a Reply

Your email address will not be published. Required fields are marked *

eighteen + 7 =