仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1216|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看: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]&ndash;>


2.设置
不要健忘到场上面的代码在<body>标签的任何中央


<scripttype="text/javascript">
$(document).ready(
function()
{
$(’#dock2&prime;).Fisheye(
{
maxWidth:60,
items:‘a’,
itemsText:’span’,
container:‘.dock-container2&prime;,
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
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
admin 该用户已被删除
沙发
发表于 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浏览器所用的排版引擎)作为网页预览。
冷月葬花魂 该用户已被删除
5#
发表于 2015-2-6 15:20:46 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
6#
 楼主| 发表于 2015-2-16 21:30:10 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
兰色精灵 该用户已被删除
7#
发表于 2015-3-5 10:14:11 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-12 04:16:50 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:33

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表