i******d
发帖数: 565 | 1 最近想做自己的网站，对网站制作不熟悉，现在是边学边做。
如图，第一个是我从网上找的一个很漂亮的导航条，用的是JQUERY，不过没有下拉式菜单。第二个是我用dreamwave中的Spry生成的带下拉式导航条。
现在我想在第一个导航条中实现第二个导航条中的下拉式菜单，倒腾了很久还没有解决。我有这两个导航条的代码，如果有人喜欢这个导航条或者能够帮我实现第一个导航条中的下拉式菜单，请PM我你的email。这儿只让贴图片文件。
谢谢。 |
s********e
发帖数: 893 | 2 下拉导航条有很多现成的java script拿过来直接用。俺以前用过这个
http://www.burmees.nl/menu/menus.htm
简单易学，还有一些动画效果，比如fade in，fade out。 |
y******6
发帖数: 650 | 3 现在做下拉直接用css，不需要用js了，当然js可以实现很多特效。但是css实现的最简
洁 |
i******d
发帖数: 565 | 4 我的那个导航条用的是JQUERY，来自于这个网站：http://www.earthclassmail.com
我喜欢的原因是因为阴影的3D效果和边角圆弧过渡。
如果直接在这个导航条上加下拉菜单太麻烦，我就只好找别的下拉导航条了。
谢谢。 |
q***2
发帖数: 1861 | 5 我们正在做的一个站，会用CSS/Javascript/HTML 融合的方式 做出一个简洁的，非常
节省页面空间，而且视觉效果一流的首页，到时候可以和大家分享。
其他的首页 UI GUI 设计，可以参考 demo sites：
http://www.zhitea.com
http://www.spanishfeast.com/
【在 y******6 的大作中提到】
: 现在做下拉直接用css，不需要用js了，当然js可以实现很多特效。但是css实现的最简
: 洁
|
K*******y
发帖数: 6003 | |
K*******y
发帖数: 6003 | |
K*******y
发帖数: 6003 | 8 这个3D 效果是 IMAGE 啊，偷个他的IMAGE 就好了
【在 i******d 的大作中提到】
: 我的那个导航条用的是JQUERY，来自于这个网站：http://www.earthclassmail.com
: 我喜欢的原因是因为阴影的3D效果和边角圆弧过渡。
: 如果直接在这个导航条上加下拉菜单太麻烦，我就只好找别的下拉导航条了。
: 谢谢。
|
i******d
发帖数: 565 | 9 这个3d效果跟很多别的不太一样，左右两边各有一个圆弧过渡，在鼠标停留的时候会随
菜单一起改变颜色。我看过不少导航条都没有这个功能。image本身是可以随便修改的
。这个两边过渡的小图片随菜单一起变色的效果我还没有看到过。
【在 K*******y 的大作中提到】
: 这个3D 效果是 IMAGE 啊，偷个他的IMAGE 就好了
|
s****y
发帖数: 983 | 10 灰猫说的不错，一切都是图片，神马都是浮云，只不过这个是两个图片
代码在这
$(function() {
$('#center-menu a').hover(
function() {
var p = $(this).parent();
p.css('background', 'url(/i/bg-menu-center-on.gif)
repeat-x');
if (p.hasClass('first')) {
$('#left-menu').css('background', 'url(/i/bg-menu-
left-on.gif) no-repeat');
} else {
p.css('border-left', '1px solid #c4cfe4');
}
if (p.hasClass('last')) {
$('#right-menu').css('background', 'url(/i/bg-menu-
right-on.gif) no-repeat');
}
},
function() {
var p = $(this).parent();
p.css('background', 'url(/i/bg-menu-center.gif) repeat-x
');
if (p.hasClass('first')) {
$('#left-menu').css('background', 'url(/i/bg-menu-
left.gif) no-repeat');
} else {
p.css('border-left', '1px solid #e7ecf5');
}
if (p.hasClass('last')) {
$('#right-menu').css('background', 'url(/i/bg-menu-
right.gif) no-repeat');
}
}
);
【在 i******d 的大作中提到】
: 这个3d效果跟很多别的不太一样，左右两边各有一个圆弧过渡，在鼠标停留的时候会随
: 菜单一起改变颜色。我看过不少导航条都没有这个功能。image本身是可以随便修改的
: 。这个两边过渡的小图片随菜单一起变色的效果我还没有看到过。
|
i******d
发帖数: 565 | 11 是啊，这个代码我找到了，但是我想加一个下拉式菜单进去。折腾了一天还是不行。我
对网站制作不熟悉，水平太弱，研究了一堆导航条的代码最终还是没有头绪。
看来我要放弃了，准备随便找一个别的带下拉菜单的导航条了。
【在 s****y 的大作中提到】
: 灰猫说的不错，一切都是图片，神马都是浮云，只不过这个是两个图片
: 代码在这
: $(function() {
: $('#center-menu a').hover(
: function() {
: var p = $(this).parent();
: p.css('background', 'url(/i/bg-menu-center-on.gif)
: repeat-x');
: if (p.hasClass('first')) {
: $('#left-menu').css('background', 'url(/i/bg-menu-
|
i******d
发帖数: 565 | 12 这两个网站都是你们自己做的吗？对第一个网站的导航条有点兴趣。本来想将这个网站
整个copy下来看看。谁知道下载了500M都还没完，只好放弃下载。这个网站内容也太庞
大了吧。
【在 q***2 的大作中提到】
: 我们正在做的一个站，会用CSS/Javascript/HTML 融合的方式 做出一个简洁的，非常
: 节省页面空间，而且视觉效果一流的首页，到时候可以和大家分享。
: 其他的首页 UI GUI 设计，可以参考 demo sites：
: http://www.zhitea.com
: http://www.spanishfeast.com/
|
q***2
发帖数: 1861 | 13 yes, all the demo sites are done completely by ourselves, hehe. It costs a
lot of money also, but our coder made it from ground 0 in 25 days.
hehe, you said it took you a day to finger out the drop down feature, yet
failed. So if you calculate the labor cost, that's very expensive for it.
That's why many times it's better you hire a professional, the real expert,
not the self-claimed one. You can finger them out by looking at the demo/
job finished
【在 i******d 的大作中提到】
: 这两个网站都是你们自己做的吗？对第一个网站的导航条有点兴趣。本来想将这个网站
: 整个copy下来看看。谁知道下载了500M都还没完，只好放弃下载。这个网站内容也太庞
: 大了吧。
|
s*****n
发帖数: 44 | 14 想做什么样的?我教你,只用CSS即可,无需Javascript.
E我, i**[email protected]
菜单。第二个是我用dreamwave中的Spry生成的带下拉式导航条。
决。我有这两个导航条的代码，如果有人喜欢这个导航条或者能够帮我实现第一个导航
条中的下拉式菜单，请PM我你的email。这儿只让贴图片文件。
【在 i******d 的大作中提到】
: 最近想做自己的网站，对网站制作不熟悉，现在是边学边做。
: 如图，第一个是我从网上找的一个很漂亮的导航条，用的是JQUERY，不过没有下拉式菜单。第二个是我用dreamwave中的Spry生成的带下拉式导航条。
: 现在我想在第一个导航条中实现第二个导航条中的下拉式菜单，倒腾了很久还没有解决。我有这两个导航条的代码，如果有人喜欢这个导航条或者能够帮我实现第一个导航条中的下拉式菜单，请PM我你的email。这儿只让贴图片文件。
: 谢谢。
|
