来看看：Jacascript和CSS完成Mac OS导航菜单

仓酷云 · 发表于 2015-1-15 23:35:50

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

另外如果你不是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"/>

<!--[ifltIE7]>
<styletype="text/css">
.dockimg{behavior:url(iepngfix.htc)}
</style>
<![endif]–>

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
大大缩减页面代码，提高页面浏览速度,缩减带宽成本;

只看该作者 · 发表于 2015-1-17 23:32:59

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-1-21 13:10:17

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

只看该作者 · 发表于 2015-1-30 19:09:00

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

只看该作者 · 发表于 2015-2-6 15:20:46

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

仓酷云 · 发表于 2015-2-16 21:30:10

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-3-5 10:14:11

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

只看该作者 · 发表于 2015-3-12 04:16:50

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来看看：Jacascript和CSS完成Mac OS导航菜单

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子