最近项目需要,急需实现消息推送功能,陆陆续续的也试用了好多办法,比如用JavaScript来实现啊,效果都不咋好,最后找了PopupWin这个,看着效果都还不错,就开始使用了。
1.准备工作,先去网上下载“EeekSoft.Web.PopupWin.dll”。放到你项目根目录下面,添加引用。
2.在前台页面添加
<%@ Register TagPrefix="cc1" Namespace="EeekSoft.Web" Assembly="EeekSoft.Web.PopupWin" %>
3.添加控件
<cc1:PopupWin ID="popupWin" Style="z-index: 105; left: 296px; position: absolute; top: 528px" runat="server" Width="230px" Height="100px" WindowSize="300, 200" WindowScroll="False" ColorStyle="Blue" GradientDark="210, 200, 220" TextColor="0, 0, 3" Shadow="125, 90, 160" LightShadow="185, 170, 200" DarkShadow="128, 0, 102" Visible="False" ShowLink="True" OffsetX="150" ActionType="OpenLink" LinkTarget="_blank" > </cc1:PopupWin>
<span style="white-space:pre"> </span><asp:Button ID="btn_Popup" runat="server" Text="弹窗" OnClick="btn_Popup_Click"></asp:Button>
4.后台代码
protected void btn_Popup_Click(object sender, EventArgs e) { //设置自动隐藏时间 //popupWin.HideAfter = (sender == null) ? -1 : 5000; //popupWin.Visible = true; popupWin.Title = "aaaaaaaa"; popupWin.Message = "bbbbbbb"; popupWin.Text = "cccccc"; popupWin.DragDrop = true; //设置显示的位置,在屏幕底部左边 popupWin.DockMode = PopupDocking.BottomRight; //设置弹出框的颜色 popupWin.ColorStyle = EeekSoft.Web.PopupColorStyle.Green; popupWin.HideAfter = 50000; popupWin.ShowAfter = 500; popupWin.Visible = true; }
这样子就可以实现简单的弹窗了。
然后我们再来了解哈PopupWin控件的属性,这样方便我们能更好的使用它。
- 1.ActionType:动作类型(点击链接后),返回PopupAction枚举。(注意:如果要使用相关的点击事件,如 OnLinkClicked 和 OnPopupClosed,此处须设为 RaiseEvents
),OnLinkClicked为点击小窗口中链接时触发事件,OnPopupClosed为点击关闭小窗口时触发事件。
2.Text:设置或获取新窗口里要显示的文本
3.Link:设置或获取点击连接时打开的地址或者js脚本
4.LinkTarget:设置或获取连接打开的目标方式
5.ColorStyle:设置或获取颜色样式,返回PopupColorStyle枚举
6.Message:设置或获取弹出窗口显示的信息
7.Title:设置或获取弹出窗口和新窗口的标题
8.GradientLight:设置或获取亮度的颜色
9.GradientDark:设置或获取暗度的颜色(在Mozilla里即背景色)
10.TextColor:设置或获取文本颜色
11.LightShadow:设置或获取亮度阴影的颜色
12.DarkShadow:设置或获取暗度阴影的颜色
13.Shadow:设置或获取阴影颜色
14.DockMode:设置或获取弹出窗口的收缩状态,返回PopupDocking枚举
15.OffsetX:设置或获取X轴的偏移坐标(从左或右)
16.OffsetY:设置或获取Y轴的偏移坐标(从底部)
17.HideAfter:设置或获取窗口显示的时间,默认为500毫秒(-1为无限时间)
18.PopupSpeed:设置或获取弹出的速度,默认为20
19.ShowAfter:设置或获取显示弹出窗口之前的延迟时间,默认为1000毫秒
20.AutoShow:页面加载时自动显示弹出窗口(在设置的ShowAfter属性之后)
21.DragDrop:设置或获取是否允许拖动弹出窗口
22.WindowSize:设置或获取打开窗口大小
23.WindowScroll:设置或获取新窗口是否允许滚动条
24.ShowLink:是否在弹出窗口中显示连接和启用动作
如果要在后台设置ActionType的话,代码为EeekSoft.Web.PopupAction.OpenLink;
大致就是这些了吧,如果有什么遗漏的,后面补上。