JQuery彈出窗口

			<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>標籤效果,通過點擊彈出窗口效果如下:


發佈了45 篇原創文章 · 獲贊 2 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章