分享
 
 
 

开发类似微软中国导航条的控件

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

比较好看吧.

根据书上例子自己写了一下,用VS2005写,特别方便,代码如下

using System;

using System.ComponentModel;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Drawing;

namespace ClingingBoy

{

[DefaultProperty("text"),

ToolboxData("<{0}:Cingmenu runat=server>")]

///

/// cingmenu 的摘要说明

///

public class Cingmenu:WebControl

{

#region 定义变量

private string text = "";

private string href = "";

private string width = "20%";

private string height = "";

private string fontfamily = "宋体";

private string fontsize = "12px";

private string target = "_self";

private bool displayPipe = true;

#endregion

#region 构造函数

public Cingmenu():base(HtmlTextWriterTag.Div)

{

}

#endregion

#region 定义属性

[Description("该属性用于表示控件显示的文字内容"),

Bindable(true),

Category("Appearance"),

DefaultValue("")]

public string Text

{

get

{

return text;

}

set

{

text = value;

}

}

[Description("该属性用于表示控件的链接地址"),

Bindable(true),

Category("Appearance"),

DefaultValue("")]

public string Href

{

get

{

return href;

}

set

{

href = value;

}

}

[Description("该属性用于表示控件显示的文字大小"),

Bindable(true),

Category("Appearance"),

DefaultValue("12px")]

public string FontSize

{

get

{

return fontsize;

}

set

{

fontsize = value;

}

}

[Description("该属性用于表示控件显示的文字字体类型"),

Bindable(true),

Category("Appearance"),

DefaultValue("宋体")]

public string FontFamily

{

get

{

return fontfamily;

}

set

{

fontfamily = value;

}

}

[Description("该属性用于表示控件的链接的目标框架"),

Bindable(true),

Category("Appearance"),

DefaultValue("宋体")]

public string Target

{

get

{

return target;

}

set

{

target = value;

}

}

[Description("该属性用于表示控件是否显示分隔符 | "),

Bindable(true),

Category("Appearance"),

DefaultValue("true")]

public bool DisplayPipe

{

get

{

return displayPipe;

}

set

{

displayPipe = value;

}

}

#endregion

protected override void AddAttributesToRender(HtmlTextWriter output)

{

//定义控件div的样式style="WHITE-SPACE: nowrap;BORDER-TOP: #999 1px solid;BACKGROUND: #f1f1f1; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid"

output.AddStyleAttribute(HtmlTextWriterStyle.BackgroundColor, "#f1f1f1");

output.AddStyleAttribute("white-space", "nowrap");

output.AddStyleAttribute("BORDER-TOP", "#999 1px solid");

output.AddStyleAttribute("BORDER-BOTTOM", "#999 1px solid");

output.AddStyleAttribute("PADDING-BOTTOM", "2px");

output.AddStyleAttribute("PADDING-TOP", "2px");

output.AddStyleAttribute("WIDTH", width);

output.AddStyleAttribute("HEIGHT", height);

base.AddAttributesToRender(output);

}

///

/// 呈现控件的方法RenderContents

///

protected override void RenderContents(HtmlTextWriter output)

{

//定义样式

output.AddStyleAttribute(HtmlTextWriterStyle.Width, "10px");

output.AddStyleAttribute(HtmlTextWriterStyle.FontSize, fontsize);

output.AddStyleAttribute(HtmlTextWriterStyle.FontFamily, fontfamily);

output.RenderBeginTag(HtmlTextWriterTag.Span);

//定义样式

////onmouseover="this.style.cssText=’color:black;text-decoration:none;BORDER: #999 1px solid; DISPLAY: block; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;BACKGROUND: #ccc; ’"

//style="color:black;text-decoration:none;BORDER: #f1f1f1 1px solid;DISPLAY: block; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;PADDING-TOP: 2px;" href="http://localhost">文字内容

output.AddStyleAttribute(HtmlTextWriterStyle.Color, "black");

output.AddStyleAttribute(HtmlTextWriterStyle.TextDecoration, "none");

output.AddStyleAttribute("BORDER", "#f1f1f1 1px solid");

output.AddStyleAttribute("DISPLAY", "block");

output.AddStyleAttribute("PADDING-RIGHT", "6px");

output.AddStyleAttribute("PADDING-LEFT", "6px");

output.AddStyleAttribute("PADDING-BOTTOM", "2px");

output.AddStyleAttribute("PADDING-TOP", "2px");

output.AddAttribute("onmouseout", "this.style.cssText=’color:black;text-decoration:none;BORDER: #f1f1f1 1px solid; DISPLAY: block; PADDING-RIGHT: 6px;PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; ’");

output.AddAttribute("onmouseover", "this.style.cssText=’color:black;text-decoration:none;BORDER: #999 1px solid; DISPLAY: block; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;BACKGROUND: #ccc; ’");

//定义属性Href,Target

output.AddAttribute(HtmlTextWriterAttribute.Href, href);

output.AddAttribute(HtmlTextWriterAttribute.Target, target);

output.RenderBeginTag(HtmlTextWriterTag.A);

output.Write(text);

if (displayPipe)

{

output.AddStyleAttribute(HtmlTextWriterStyle.Color, "#a9a9a9");

output.AddStyleAttribute("FONT", "70%");

output.AddStyleAttribute(HtmlTextWriterStyle.FontSize, fontsize);

output.AddStyleAttribute("PADDING-RIGHT", "3px");

output.AddStyleAttribute("PADDING-LEFT", "3px");

output.RenderBeginTag(HtmlTextWriterTag.Span);

output.Write("|");

output.RenderEndTag();

}

else

{

output.RenderBeginTag(HtmlTextWriterTag.Span);

output.Write(" ");

output.RenderEndTag();

}

output.RenderEndTag();

output.RenderEndTag();

//定义分隔符及样式

//使用默认逻辑来呈现子控件

base.RenderContents(output);

}

}

}

前台的

@ Page Language="C#" %>

@ Register Assembly="CingMenu" Namespace="ClingingBoy" TagPrefix="cc2" %>

DOCTYPE html PUBLIC "-//W3C//DTD

[1] [2] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有