会python真的可以为所欲为0(回)
356天前
这里还有人吗1(回)
541天前这里还有人吗0(回)
541天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
766天前到处都是羊，不想上班0(回)
846天前
鸽子
0(回)
850天前
css_Navigation.zip(免费下载)[7 次下载]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
<title>这是很炫的导航哦</title> |
<script type="text/javascript" src="js/jquery.js"></script> |
<script type="text/javascript" src="js/interface.js"></script> |
<link href="style.css" rel="stylesheet" type="text/css" /> |
<!--[if lt IE 7]> |
<style type="text/css"> |
.dock img { behavior: url(iepngfix.htc) } |
</style> |
<![endif]--> |
</head> |
<body> |
<!--top dock --> |
<div class="dock" id="dock"> |
<div class="dock-container"> |
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a> |
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a> |
<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> |
<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a> |
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a> |
<a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a> |
<a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a> |
<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a> |
<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a> |
<a class="dock-item" href="#"><img src="images/rss2.png" alt="rss" /><span>RSS2</span></a> |
</div> |
</div> |
<!--bottom dock --> |
<div class="dock" id="dock2"> |
<div class="dock-container2"> |
<a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> |
<a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a> |
<a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a> |
<a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a> |
<a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a> |
<a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a> |
<a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a> |
<a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a> |
<a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a> |
<a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a> |
</div> |
</div> |
<!--dock menu JS options --> |
<script type="text/javascript"> |
|
$(document).ready( |
function() |
{ |
$('#dock').Fisheye( |
{ |
maxWidth: 50, |
items: 'a', |
itemsText: 'span', |
container: '.dock-container', |
itemWidth: 40, |
proximity: 90, |
halign : 'center' |
} |
) |
$('#dock2').Fisheye( |
{ |
maxWidth: 60, |
items: 'a', |
itemsText: 'span', |
container: '.dock-container2', |
itemWidth: 40, |
proximity: 80, |
alignment : 'left', |
valign: 'bottom', |
halign : 'center' |
} |
) |
} |
); |
</script> |
</body> |
</html> |
css_Navigation.zip(免费下载)[7 次下载]
高级设计师
by: 小蜜锋 发表于：2013-04-09 22:29:15 顶(1) | 踩(0) 回复
像mac
回复评论