求个简单javascript代码谢谢，网站菜单功能_美容护肤

不用说自己菜不菜的，能有这个学习的精神已经很值得鼓励了

呵呵，下面，我来给你介绍几个网站常见的菜单

第一个：仿网易的滑动门导航菜单

<head>

<title>仿网易的滑动门技术，用DIV+CSS技术实现</title>

<!--

#header {

background-color: #F8F4EF;

height: 200px;

width: 400px;

margin: 0px;

padding: 0px;

border: 1px solid #ECE1D5;

font-family: "宋体";

font-size: 12px;

}

#menu {

margin: 0px;

padding: 0px;

list-style-type: none;

}

#menu li {

display: block;

width: 100px;

text-align: center;

float: left;

margin: 0px;

padding-top: 02em;

padding-right: 0px;

padding-bottom: 02em;

padding-left: 0px;

cursor: hand;

}

sec1 { background-color: #FFFFCC;}

sec2 { background-color: #00CCFF;}

block { display: block;}

unblock { display: none;}

-->

</style>

</head>

<body>

function secBoard(n)

{

for(i=0;i<menuchildNodeslength;i++)

menuchildNodes[i]className="sec1";

menuchildNodes[n]className="sec2";

for(i=0;i<mainchildNodeslength;i++)

mainchildNodes[i]styledisplay="none";

mainchildNodes[n]styledisplay="block";

}

</script>

</ul>

<li class="block">第一个内容</li>

<li class="unblock">第二个内容</li>

<li class="unblock">第三个内容</li>

<li class="unblock">第四个内容</li>

</ul>

</div>

</body>

</html>

这里基本上是使用Css与Div的结合，在整个布局中已层为单位，实行滑动菜单的是一个javascript脚本函数，调用就可以了，看不懂不要紧，日渐积累才是重要

第二个：经典实用的触发型导航（这是鼠标单击事件控制）

<html>

<head>

<title>网页特效代码|JsCodeCN|---经典实用的触发型导航菜单</title>

</head>

<body>

<STYLE type=text/css>sec1 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; BORDER-LEFT: #ffffff 1px

solid; CURSOR: hand; COLOR: #000000; BORDER-

BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:

#eeeeee

}

sec2 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:

#000000; BACKGROUND-COLOR: #d4d0c8

}

main_tab {

BORDER-RIGHT: gray 1px solid; BORDER-

LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-

BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8

}

</STYLE>

function secBoard(n)

{

for(i=0;i<secTablecellslength;i++)

secTablecells

[i]className="sec1";

secTablecells[n]className="sec2";

for(i=0;i<mainTabletBodieslength;i++)

mainTabletBodies

[i]styledisplay="none";

mainTabletBodies

[n]styledisplay="block";

}

</SCRIPT>

<TBODY>

<TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>

<TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>

<TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>

<TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE>

<TR>

<TBODY>

<TR>

<TD>指定行做为表体。

<BR>注释：TBODY要素是块要素，并且需要结束标

签。<BR> 即使如果表格没有显式定义TBODY

要素，该要素也提供给所有表。<BR><BR>

参考：《动态HTML参考和开发应用大全》（人民邮电出

版社

Microsoft Corporation著

北京华中兴业科技发展有限公司

译）

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

<TBODY style="DISPLAY:

none">

<TR>

<TD vAlign=top

align=middle><BR><BR>

<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>

<TBODY>

<TR>

<TD>检索表行或者整个

表中所有单元格的集合。<BR>应用于TR、TABLE。

<BR><BR>参考：《动态HTML参考和开发应

用大全》（人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司

译）

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

<TBODY style="DISPLAY:

none">

<TR>

<TD vAlign=top

align=middle><BR><BR>

<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>

<TBODY>

<TR>

<TD>检索表中所有TBODY

对象的集合。对象在该集合中按照HTML源顺序排列。

<BR>应用于TABLE。<BR><BR>参考：

《动态HTML参考和开发应用大全》（人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司

译）

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>

<TBODY style="DISPLAY:

none">

<TR>

<TD vAlign=top

align=middle><BR><BR>

<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>

<TBODY>

<TR>

<TD>设置或者检索对象

是否被提供。<BR>可能的值为block、none、

inline、list-item、table-header-group、table-

footer-group。<BR>该特性可读写，块要素默认

值为block，内联要素默认值为inline；层叠样式表

（CSS）属性不可继承。<BR><BR>参考：《

动态HTML参考和开发应用大全》（人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司译）

<BR><BR><A

href="http://msdnmicrosoftcom/workshop/author/dhtml/reference/properties/displayaspframe=true" target=_blank>点击此处

</A>可参阅微软<A href="http://msdnmicrosoftcom/" target=_blank>MSDN在线</A>上的解释。

</TD></TR></TBODY></TABLE>

;</TD></TR></TBODY></TABLE&g

t;</body>

</html>

这里跟上面不同的区别在与这是鼠标移动和滑动的事件区别！

第三个：仿拍拍的切换效果菜单（里面的是我放上去的，所以会看不到的，呵呵继续）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">

<head>

<title>网页特效|网页特效代码(JsHtmlcn)---仿拍拍paipaicom首页产品随机轮显切换效果</title><style>

body {font-size:12px}

img {border:0px}

#sale{right:206px;top:0;width:260px;background:#fff}

#saleTitle{text-align:right;padding-top:5px;padding-right:5px;width:255px;height:20px;background:url("images/saleTitlegif") no-repeat}

#saleList{margin-top:5px}

#saleList saleTwo{height:108px;background:url("images/salelineHgif") bottom repeat-x;}

#saleList a{display:block;height:108px;width:86px;text-align:center;float:left;overflow:hidden}

#saleList asaleItem{background:url("images/salelineVgif") right repeat-y;}

#saleList a img{margin:5px 0}

#saleList a:hover{background-color:#EBFFC5}

</style>

rndtoday=new Date();

rndseed=rndtodaygetTime();

function rnd(){

rndseed = (rndseed9301+49297) % 233280;

return rndseed/(2332800);

}

function rand(number){

return Mathceil(rnd()number)-1;

}

function nextSale(order){

if(order=="up") saleNum--;

else saleNum++;

if(saleNum>2) saleNum=0

else if(saleNum<0) saleNum=2;

//alert(saleNum);

for(i=0;i<3;i++)

documentgetElementById("saleList"+i)styledisplay="none";

documentgetElementById("saleList"+saleNum)styledisplay="";

}

</script>

</head>

<body>

<div>

<div>

圣诞浪漫饰品<br />

超级大促</div>

</a>

<div>

<div>

摄像头集结号<br />

给你新的感觉</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

<div>

<div>

复古牛仔外套<br />

特惠119元起</div>

</a>

<div>

<div>

圣诞拍拍特供<br />

运动服3折</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

摄像头集结号<br />

给你新的感觉</div>

</a></div>

<div>

<div>

<div>

圣诞拍拍特供<br />

电脑周边4折</div>

</a>

<div>

<div>

party扮靓<br />

甜美腮红</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

</div>

<div>

<div>

新奇好玩便宜<br />

尽在网游频道</div>

</a>

<div>

<div>

展现高贵气质<br />

骑士系马靴</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

摄像头集结号<br />

给你新的感觉</div>

</a></div>

<div>

<div>

永不过时<br />

条纹毛衣</div>

</a>

<div>

<div>

圣诞拍拍特供<br />

运动鞋2折</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

<div>

<div>

<div>

精简唯美<br />

索爱K630</div>

</a>

<div>

<div>

原装瑞士军刀<br />

精选</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

超薄机身<br />

索爱W880</div>

</a></div>

</div>

<div>

<div>

各就各味<br />

秋冬饮食计划</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

<div>

<div>

圣诞拍拍特供<br />

随身视听5折</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

超薄机身<br />

索爱W880</div>

</a></div>

<div>

<div>

<div>

我爱我家<br />

家居大抢购</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<div>

超值彩妆套装<br />

变身派对女王</div>

</a></div>

</div>

<p>更多网页特效代码尽在 <a href="http://wwwjshtmlcn/">网页特效代码</a></p>

</body>

</html>

这个仿拍拍基本上就是2层放，但用起来的效果还是可以的，如果不喜欢我还有下面呢，慢慢学，总会看懂的 (最重要的还是Css哦)

这个主要就是让层实现隐藏我觉得这个在层使用方面还是好的

从总体上看，在实现层与层之间的交互，在其代码我觉得你有必要去认真看下！

以上是我介绍额度菜单，虽然不是很强大，但是却很使用，而且在J2EE中

菜单基本上是一个假象，都是用层与Css之间的特效做出来的！

学会了层的具体应用，我相信你也可以有自己特色的菜单的

那我祝你好运咯！！加油！！

1、洛丽塔服装：

穿着超短裙，化着成熟妆容但又留着少女刘海的女生。但是流传到了日本，Lolita成为了天真可爱少女的代名词，用一个字形容，就是“萌”。主要分三大风格：甜系；经典系；哥特系。

2、巴洛克服装：

以宫廷为背景，服饰偏保守，束腰有宗教特色，注重光影效果。这种风格的时装和配饰表现出来的尽是奢华和古典的面貌。必要元素：夸张、浪漫、抽绳、混搭、褶皱、花朵、水晶、繁复、蕾丝、贵族、花边、复古、束腰、花。

3、洛可可服装：

以资产阶级沙龙文化为背景，服装偏重于华丽，蕾丝盛行，礼服上常常有大量的蕾丝和褶边，还有大量的绢花等，突出女性柔美曲线感。

4、哥特服饰：

以黑色或者暗色系列为主的衣服，颜色搭配一般为红黑、全黑或黑白，佩带着很多显眼的宗教饰物，但却几乎天天改变信仰，永远不戴金首饰。主要体现为高高的冠戴、尖头的鞋、衣襟下端呈尖形和锯齿等锐角的感觉。

巴洛克、洛可可、哥特都是最先体现在建筑上的；洛可可与巴洛克的关系是衍生的，洛可可可以视为是女性的巴洛克。还有波西米亚风格、后现代主义风格、未来主义风格、印第安风格等。

扩展资料：

哥特最高来源于建筑风格。「歌特」（Gothic）这个特定的字汇，早先指涉的是西欧的日耳曼部族。出现于18世纪到19世纪的建筑文化与书写层面，当时的「歌特复兴」（gothic revival）是将中古世纪的阴暗情调从历史脉络的墓窖挖掘出来。

哥特这个词汇，主要存在于建筑，音乐，文学和服装当中。

受建筑风格的影响，哥特服装风格主要体现为高高的冠戴、尖头的鞋、衣襟下端呈尖形和锯齿等锐角的感觉。而织物或服装表现出来的富于光泽和鲜明的色调是与哥特式教堂内彩色玻璃的效果一脉相通的。

现在所指的哥特风是指在八十年代，由音乐风格发展而来的一种着装风格，染黑的长发、苍白的皮肤、紧身黑衣、尖皮靴和大量银饰。

-洛丽塔风格

-巴洛克

-洛可可艺术

-哥特服饰

这个是一个可爱清醇型的妆容

重妆面上看是属于淡妆类的。所以不宜化得过浓。首先上好珍珠色粉底，用黑灰色眉粉轻轻把眉毛扫一遍，主意要自然。不要用咖啡色。然后是画眼线和睫毛。然后用**的眼影。前端用色浅点。中间偏后稍微深点。别画出眼角。粉红色的腮红，推荐用魔彩精灵的那个粉红腮红，最后是淡淡的唇彩就OK拉！

皇家胭脂月季优点：花型、花香、抗病、耐热、勤花，基本没什么缺点。

1、花型：皇家胭脂月季是深红色，直径约10公分，花瓣众多，花型丰腴美丽。

2、花香：皇家胭脂月季具有浓郁的玫瑰花香味，芳香怡人。 2003年在玫瑰山国际玫瑰试验中获得香水奖。

3、抗病：皇家胭脂月季的叶片大而厚实，并且有光泽，所以抗病能力强。

4、耐热：皇家胭脂月季的耐热性好，在夏天依然保持着正常的花朵，耐晒能力强。

5、勤花：皇家胭脂月季是多季节重复开花的品种，生长旺盛，分枝能力强，花量大，花期长，适宜作切花。

皇家胭脂月季介绍

皇家胭脂月季，又名皇家红月季，是蔷薇科蔷薇属的植物，是一款的灌木状月季花。其植株中等偏高，株高可达15米，株型紧凑挺拔，枝叶繁茂，叶片翠绿油亮有光泽。花型重瓣，四等分莲花状，圆润丰满，花苞厚实，花色为鲜艳的暗红色，花朵艳美夺目。

杯状花型，它的花朵较大，每朵花的直径约为12-13厘米，养护得好可以达到15厘米。花型在初期还是高心HT花型，逐渐打开为法国蔷薇的联心花型。

欢迎分享，转载请注明来源：品搜搜测评网

原文地址:https://pinsoso.cn/meirong/2293422.html

求个简单javascript代码 谢谢，网站菜单功能

随机推荐

四款美白身体乳分享，温和不刺激，让你瞬间白一个度！

妮维雅男士洗面奶女生能用吗

露伊薇丹白金套盒怎么样好不好用

妮维雅美白凝露好用吗

雅漾控油抗痘修护精华露怎么样？怎么用？

李佳琦直播预告清单1.12 李佳琦直播预告1.12

孕妇用的沐浴露哪个牌子好？怎样的沐浴露比较适合我？

发表评论

求个简单javascript代码谢谢，网站菜单功能