来看看：Jacascript和CSS完成Mac OS导航菜单
另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。网页制造POLUOLUO文章简介：熟习MacOS看到这个器材大概对照熟习，不外这个DOCK效果不是用flash做的，而是用Jacascript和CSS完成的，网站上用这个导航必定很大度。
熟习MacOS看到这个器材大概对照熟习，不外这个DOCK效果不是用flash做的，而是用Jacascript和CSS完成的，网站上用这个导航必定很大度。
点击这里下载代码紧缩包
利用申明
1.拔出代码
在<head></head>标签中，拔出上面的代码
<scripttype="text/javascript"src="js/jquery.js"></script>
<scripttype="text/javascript"src="js/interface.js"></script>
<linkhref="style.css"_fcksavedurl=""style.css""rel="stylesheet"type="text/css"/>
<!-->
<styletype="text/css">
.dockimg{behavior:url(iepngfix.htc)}
</style>
<!–>
2.设置
不要健忘到场上面的代码在<body>标签的任何中央
<scripttype="text/javascript">
$(document).ready(
function()
{
$(’#dock2′).Fisheye(
{
maxWidth:60,
items:‘a’,
itemsText:’span’,
container:‘.dock-container2′,
itemWidth:40,
proximity:80,
alignment:‘left’,
valign:‘bottom’,
halign:‘center’
}
)
}
);
</script>
4.增加大概删除menu的条目
在顶部的DOCK增加条目(注重:span标签在img以后):
<aclass="dock-item"href="#"></a>
扫瞄器兼容性：
已经由过程了一下扫瞄器的测试：IE6,IE7,Opera9,Firefox2,andSafari2
大大缩减页面代码，提高页面浏览速度,缩减带宽成本; 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页:
[1]