100分求解，分不夠再加200分

阿彪兄 2009-04-02 11:54:37
現在在.net中要用一個menu控件做一個橫舖菜單(用menu控件做)，由於自己沒有美術細胞，做出來的難看得很，如果誰有例子的話可以發到我的郵箱,當然也可以在這裡貼上代碼也行，郵箱地址是wybxs2006@126.com,謝謝了
...全文
176 22 打赏 收藏 转发到动态 举报
写回复
用AI写文章
22 条回复
切换为时间正序
请发表友善的回复…
发表回复
readfuture 2009-04-02
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 wuyq11 的回复:]
http://www.cnblogs.com/heroman/archive/2005/01/11/89924.aspx
[/Quote]
up
huanghong2004268 2009-04-02
  • 打赏
  • 举报
 回复
回帖是一种美德！每天回帖即可获得 10 分可用分
KENLIMYTH 2009-04-02
  • 打赏
  • 举报
 回复
UP。。。
zzxap 2009-04-02
  • 打赏
  • 举报
 回复
[CODE=HTML]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单</title>
<style>
body{
background-color:#B8B8A0;
}
#fbtn{
display:none;
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;
padding:1 1 1 1;
width:115px;
height:30px;
}
#fbtn_txt{
position:relative;
}
#fbtn_txt div{
height:30px;
padding-top:11px;
font-size:12px;
color:#800080;
text-align:center;
cursor:hand;
}
#fbtn_mask{
background-color:#ffffff;
position:relative;
width:100%;
height:100%;
}
</style>

</head>

<body>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G1</div>
<div>good morning</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G2</div>
<div>good evening</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M1</div>
<div>my name is fireyy</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M2</div>
<div>mm mm i love u</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G1</div>
<div>good morning</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G2</div>
<div>good evening</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M1</div>
<div>my name is fireyy</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M2</div>
<div>mm mm i love u</div>
</div>
</div>

<script>
var current=null;
var t=null;

for(var i=0;i<fbtn.length;i++){
fbtn_txt[i].style.posTop=-30;
fbtn_mask[i].style.posTop=-30;
fbtn[i].index=i;
fbtn[i].style.display="block";

fbtn[i].onmouseover=function(){
if(!current){
current=this;
domove(this.index);
}
else
if(current!=this){
domove(current.index);
domove(this.index);
current=this;
}
}

fbtn[i].onmouseout=function(){
if(event.toElement==this.parentElement&t==this){
domove(this.index);
current=null;
}
}
}

function domove(num){
var o=fbtn_txt[num];
var m=fbtn_mask[num];
if(o.style.posTop<-60){
o.style.display="none";
var t=o.children[1].innerHTML;
o.children[1].innerHTML=o.children[0].innerHTML;
o.children[0].innerHTML=t;
o.style.posTop=-30;
o.style.display="block";
if(m.style.posTop>30)
m.style.posTop=-30;
else
m.style.posTop=0;
}
else{
m.style.posTop+=3;
o.style.posTop-=3;
setTimeout('domove('+num+')',15);
}
}
</script>
</body>
</html>

[/CODE]
zzxap 2009-04-02
  • 打赏
  • 举报
 回复
用css作一个
[code=HTML]
纯CSS竖向横拉菜单
2007-11-11 11:34
css.css:

body {
font: normal 11px verdana;
}

ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 149px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

li:hover ul, li.over ul { display: block; } /* The magic */

:::::::::XHTML部分::::::::
menu.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>
</body>
</html>

[/CODE]
wuyq11 2009-04-02
  • 打赏
  • 举报
 回复
http://www.cnblogs.com/heroman/archive/2005/01/11/89924.aspx
嘴哥臭鼬 2009-04-02
  • 打赏
  • 举报
 回复
网上找下好像叫controladapter,控件适配器什么的，能控制menu的式样.
wangjianchao 2009-04-02
  • 打赏
  • 举报
 回复
Csdn上有皮肤呀可以下载
我在深圳搬砖-Justin 2009-04-02
  • 打赏
  • 举报
 回复
给你发了一个 皮肤文件
jiangshun 2009-04-02
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 songhtao 的回复:]
叫美工啊。
[/Quote]

前辈
Dora 2009-04-02
  • 打赏
  • 举报
 回复
http://www.scriptlover.com
这个网址看看吧，或许有用
我不懂电脑 2009-04-02
  • 打赏
  • 举报
 回复
叫美工啊。
lgaimin 2009-04-02
  • 打赏
  • 举报
 回复
UP.哥们台湾人？用繁体做什么？看了半天...
war_zhong 2009-04-02
  • 打赏
  • 举报
 回复

这个还可以吧
.nev_inner_content {
BACKGROUND: url(../images/daohang_center.jpg) repeat-x; FLOAT: left; WIDTH: 923px; HEIGHT: 100%
}
.nev_inner_content UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 70px; PADDING-BOTTOM: 0px; MARGIN: auto; WIDTH: 790px; PADDING-TOP: 4px; LIST-STYLE-TYPE: none
}
.nev_inner_content UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 4px; WIDTH: 90px; COLOR: #fffa01; LINE-HEIGHT: 20px; PADDING-TOP: 6px; HEIGHT: 20px; TEXT-ALIGN: center
}

<DIV class=nev_inner_content>
<UL>
<LI id="li_one" onclick="ChangeColor();"><A href="#">首 页</A> </LI>
<LI id="Draw" onclick="ChangeColorTwo();"><A href="lottery.aspx" >幸运抽奖</A> </LI>
<LI id="cai" onclick="ChangeColorThree()"><A
href="yippee_topic_list.aspx">我猜猜猜</A> </LI>
<LI id="answer" onclick="ChangeColorFour();"><A href="difficulty_topic_list.aspx">公布答案</A>
</LI>
<LI id="huan" onclick="ChangeColorFive();"><A href="gift_change_list.aspx">礼品兑换</A> </LI>
<LI id="shuo" onclick="ChangeColorsix()"><A href="scores_explain.aspx">积分说明</A> </LI>
<LI id="zhang" onclick="ChangeColorssaa()"><A href="user_integral_record.aspx">积分帐户</A>
</LI>
<LI id="yule" onclick=" ChangeColorssaa();"><A href="Game.aspx">娱乐游戏</A>
</LI></UL></DIV>
goandhome 2009-04-02
  • 打赏
  • 举报
 回复
好好的简体中文不用，用繁体，不嫌累人啊。
满衣兄 2009-04-02
  • 打赏
  • 举报
 回复 
<!-- saved from url=file://C:/Documents and Settings/yfq/桌面/漂亮的下拉菜单.html -->

<script>

window.onerror = new Function("return(false);")

</script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<HTML><HEAD><TITLE>WebForm5</TITLE>

<STYLE>/* Root = Horizontal, Secondary = Vertical */

ul#navmenu-h {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 500px; /*For KHTML*/

  list-style: none;

  height: 24px;

}



ul#navmenu-h li {

  margin: 0;

  border: 0 none;

  padding: 0;

  float: left; /*For Gecko*/

  display: inline;

  list-style: none;

  position: relative;

  height: 24px;

}



ul#navmenu-h ul {

  margin: 0;

  border: 0 none;

  padding: 0;

  width: 160px;

  list-style: none;

  display: none;

  position: absolute;

  top: 24px;

  left: 0;

}



ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{

  clear: both;

  display: block;

  font: 1px/0px serif;

  content: ".";

  height: 0;

  visibility: hidden;

}



ul#navmenu-h ul li {

  width: 160px;

  float: left; /*For IE 7 lack of compliance*/

  display: block !important;

  display: inline; /*For IE*/

}



/* Root Menu */

ul#navmenu-h a {

  border: 1px solid #FFF;

  border-right-color: #CCC;

  border-bottom-color: #CCC;

  padding: 0 6px;

  float: none !important; /*For Opera*/

  float: left; /*For IE*/

  display: block;

  background: #EEE;

  color: #666;

  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

  text-decoration: none;

  height: auto !important;

  height: 1%; /*For IE*/

}



/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,

ul#navmenu-h li:hover a,

ul#navmenu-h li.iehover a {

  background: #CCC;

  color: #FFF;

}



/* 2nd Menu */

ul#navmenu-h li:hover li a,

ul#navmenu-h li.iehover li a {

  float: none;

  background: #EEE;

  color: #666;

}



/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,

ul#navmenu-h li:hover li:hover a,

ul#navmenu-h li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover a {

  background: #CCC;

  color: #FFF;

}



/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li a {

  background: #EEE;

  color: #666;

}



/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,

ul#navmenu-h li:hover li:hover li:hover a,

ul#navmenu-h li.iehover li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover a {

  background: #CCC;

  color: #FFF;

}



/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li.iehover li a {

  background: #EEE;

  color: #666;

}



/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {

  background: #CCC;

  color: #FFF;

}



ul#navmenu-h ul ul,

ul#navmenu-h ul ul ul {

  display: none;

  position: absolute;

  top: 0;

  left: 160px;

}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,

ul#navmenu-h li:hover ul ul ul,

ul#navmenu-h li.iehover ul ul,

ul#navmenu-h li.iehover ul ul ul {

  display: none;

}



ul#navmenu-h li:hover ul,

ul#navmenu-h ul li:hover ul,

ul#navmenu-h ul ul li:hover ul,

ul#navmenu-h li.iehover ul,

ul#navmenu-h ul li.iehover ul,

ul#navmenu-h ul ul li.iehover ul {

  display: block;

}



</STYLE>



<SCRIPT language=javascript>

navHover = function() {

    var lis = document.getElementById("navmenu-h").getElementsByTagName("LI");

    for (var i=0; i<lis.length; i++) {

        lis[i].onmouseover=function() {

            this.className+=" iehover";

        }

        lis[i].onmouseout=function() {

            this.className=this.className.replace(new RegExp(" iehover\\b"), 



"");

        }

    }

}

if (window.attachEvent) window.attachEvent("onload", navHover);

        </SCRIPT>

</HEAD>



<BODY><!--StartFragment--><UL id=navmenu-h>

<LI class=""><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Root nav item1</A> 

<UL>

<LI><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Sub nav item1</A> </LI>

<LI><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Sub nav item1-2</A> </LI></UL></LI>

<LI class=""><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Root nav item2</A> 

<UL>

<LI class=""><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Sub nav item2</A> </LI>

<LI><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Sub nav item2-2</A> </LI></UL></LI>

<LI class=""><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Root nav item3</A> 

<UL>

<LI class=""><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Sub nav item3</A> </LI>

<LI class=""><A href="file:///C:/Documents%20and%20Settings/yfq/桌面/漂亮的下拉菜单.html#">Sub nav item3-2</A> 

</LI></UL></LI></UL><!--EndFragment--></BODY>

</HTML>
itcrazyman 2009-04-02
  • 打赏
  • 举报
 回复
mark 顶
niitnanfeng 2009-04-02
  • 打赏
  • 举报
 回复
直接扒人家的得了，看哪个网站做的漂亮，直接扒下来改改就行了。
stonehy520 2009-04-02
  • 打赏
  • 举报
 回复
我也没美术细胞，帮顶
stonehy520 2009-04-02
  • 打赏
  • 举报
 回复
我也没美术细胞，帮顶
加载更多回复（2）
简易方程计算题.doc
简易方程计算题.doc
五年级数学下册 第八单元 整理与复习 第1课时 方程课堂作业（无答案） 苏教版 试题.doc
五年级数学下册 第八单元 整理与复习 第1课时 方程课堂作业（无答案） 苏教版 试题.doc
理论力学期末复习题集.doc
理论力学期末复习题集.doc
轮复习二力合成法与正交PPT学习教案.pptx
轮复习二力合成法与正交PPT学习教案.pptx
Java实现求解硬币问题有1分、2分、5分、10分、50分和100分的硬币各若干枚，现在要用这些硬币支付W元，最少需要多少枚硬币？利用贪心法的思想进行编程
求解硬币问题。有1分、2分、5分、10分、50分和100分的硬币各若干枚，现在要用这些硬币支付W元，最少需要多少枚硬币？ 1、我解决该问题编程的思路如下： 2、根据题目要求实现该我问题的代码如下所示： ```java package practical; import java.util.Scanner; public class Coins { public static int CoinSum(int w) {//求返回的硬币的个数 int[] A={100,50,10,2,1};//一位数
.NET社区

62,267

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章