JQuery弹出窗口

来源:互联网 发布:卡梅隆安东尼体测数据 编辑:程序博客网 时间:2024/06/06 02:20
<a title="查看详细信息.." 
                        href="#" id='<%#Eval("T_UserID") %>' class="GetMes">                        <img src="Images/LookMes.gif"/></a>

前台放置一个<a>标签,通过js代码实现窗口弹出效果。js代码如下

$(".GetMes").click(function () {        //如果己为Id属性指定用户Id,则可以查看详细        if ($.trim($(this).attr("id")).length > 0) {            //使用ymPrompt组件显示一个弹出式窗口,链接到特定页面             ymPrompt.win({ message: "GetMoreMes.aspx?UID=" + $(this).attr("id"),                width: 710, height: 560, title: '客户详细信息',              handler: null, maxBtn: false, minBtn: false, iframe: true });        }    })

此图为<a>标签效果,通过点击弹出窗口效果如下:


原创粉丝点击