第三季.net Ajax–HoverMenu供应模具使用

2012 年 11 月 29 日7520

【IT168技术文档】

通过名字我们可以看出这是一个菜单供应模具，当鼠标移动到指定的位置时，在不影响其他的元素的情况下出现一个菜单，并允许用户进行一些操作。

重要属性
TargetControlID:要显示菜单的目标供应模具的ID
PopupControlID:作为弹出菜单的供应模具的ID
HoverCssClass:鼠标移动到目标供应模具时目标供应模具的样式
PopupPosition:弹出菜单所在的位置，共有五个值(bottom,top,left,right,center)
OffsetX:菜单距离目标供应模具的位置--横坐标
OffsetY:菜单距离目标供应模具的位置--纵坐标

1 打开vs2005，创建一个AjaxControlToolKit网站，命名为oec2003_HoverMenu
2 打开默认Default.第三季x页，切换到设计视图
3 在页面中添加一个TextBox和一个Panel供应模具，并在Panel供应模具中添加三个LinkButton供应模具，如下

PopDelay:弹出菜单的延迟时间











4 在页面中添加HoverMenu供应模具，并设置其属性，代码如下









OffsetX




5 切换到代码视图，在head元素间添加css样式，用来实现鼠标移动到目标供应模具时的样式，如下









.hover




{}{




background-color




background-repeat




background-position}

6 前面在Panel中放置了三个LinkButton供应模具，点击了LinkButton供应模具后会在文本框中出现相应的内容，LinkButton的单击事件代码如下






 sender, EventArgs e)




{




TextBox1.Text = DateTime.Now.ToShortDateString();




}




 sender, EventArgs e)




{




TextBox1.Text = DateTime.Now.TimeOfDay.ToString();




}




 sender, EventArgs e)




{




TextBox1.Text ;




}

7 保存设计，运行程序，将鼠标移动文本框上时，会发现，文本框的样式变成了我们自定义的样式了，而且还会弹出一个菜单，就是Panel供应模具
点击菜单中的按钮在文本框中就会出现相应的内容

0 0

相关文章