现在的位置: 首页 >> 多媒体 >> Flash >> 开发类似微软中国导航条的控件
添加时间:2006-4-26 来源:闪吧 作者: xzzhangg
开发类似微软中国导航条的控件

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

比较好看吧.
根据书上例子自己写了一下,用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 s

[1] [2] [3]  下一页


上一篇:flash与js通讯 下一篇:Flash AS:即拷即用的loading代码
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·FlashMX 视频教程(18)-缩放工具
·Flash MX 2004 ActionScript图文
·使用Flash MX的3个小技巧
·用Flash AS实现画图的详细讲解
·自己动手制作手机Flash主题动画
·Flash绘画教程:漫画中光影的简
·钢笔字的简单制作
·实例详解鼠标右键菜单
·Flash视频教程:东风破
·Flash MX 2004视频宝典教程(6)美
相关文章
 
最新文章
·Flash Player 8 新特性效果演示
·FlashMX 视频教程(50)-影片发布
·FlashMX 视频教程(49)-MTV的制作
·FlashMX 视频教程(48)-小苗的生
·FlashMX 视频教程(47)-影片跳转
·FlashMX 视频教程(46)-控制动画
·FlashMX 视频教程(45)-变形动画
·FlashMX 视频教程(44)-滚动的小
·FlashMX 视频教程(43)-颜色变化
·FlashMX 视频教程(42)-制作按钮
Google