基于JQuery的桌面Dock效果(稳定版)
<div id="cnblogs_post_body">就算鼠标之所以将它命名为稳定版，是因为之前已经分享了一个初级版本的，之前的初级版中存在很多bug。现在经过反复琢磨、实验，修复了之前版本存在的很多不足之处，就算鼠标快速的滑动依然表现的很稳定。已经迫不及待的想要将我的最新成果分享给大家了，其实代码和之前的版本很相似。
首相是HTML页面代码：
<div class="cnblogs_code"><!DOCTYPE html><html lang="zh-cmn-Hans-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery Dock</title> <link type="text/css" rel="stylesheet" href="css/dock.css" /> <script type="text/javascript" src="js/jquery-1.8.0.js"></script> <script type="text/javascript" src="js/dock.js"></script></head><body id="content"> <div id="topBody" align="center"> <div id="topMenu"> <a href="#"><img alt="Home" src="images/home.png" /></a> <a href="#"><img alt="Music" src="images/music.png" /></a> <a href="#"><img alt="Calendar" src="images/calendar.png" /></a> <a href="#"><img alt="Email" src="images/email.png" /></a> <a href="#"><img alt="Portfolio" src="images/portfolio.png" /></a> <a href="#"><img alt="Video" src="images/video.png" /></a> <a href="#"><img alt="Link" src="images/link.png" /></a> <a href="#"><img alt="History" src="images/history.png" /></a> <a href="#"><img alt="RSS" src="images/rss.png" /></a> </div> </div></body></html>
页:
[1]