createPopup,右下角弹出提醒

/*windowPopMsg.js 文件*/

/**
 * 创建窗口右下角提醒
 * @param w
 * @param h
 * @param title
 * @param content
 * @return
 * @author qiyh
 */
function createPopBox(w,h,title,contUrl){
    var titleHeight=20;
    var popBoxDiv=document.getElementById("popBoxDivId");
    if(null != popBoxDiv)
        document.body.removeChild(popBoxDiv);
    popBoxDiv=document.createElement("div");
    popBoxDiv.id="popBoxDivId";
    popBoxDiv.style.width=w+"px";
    popBoxDiv.style.height=h+"px";
    popBoxDiv.style.bottom="0px";
    popBoxDiv.style.right="0px";
    popBoxDiv.style.position="absolute";
    popBoxDiv.style.padding="1px 0 0 1px";
    popBoxDiv.style.background="#FFFFFF";
    popBoxDiv.style.color="#0F2C8C";
    popBoxDiv.style.borderTop="#a6b4cf 1px solid";
    popBoxDiv.style.borderRight="#455690 1px solid";
    popBoxDiv.style.borderBottom="#455690 1px solid";
    popBoxDiv.style.borderLeft="#a6b4cf 1px solid";
    popBoxDiv.style.display="inline";
    popBoxDiv.style.overflow="hidden";
    popBoxDiv.style.zIndex=99999;
    popBoxDiv.innerHTML="<div style='width:100%; font:12px Arial; background:#8dddf6'>"
        + "<div style='width:"+(w-24)+"px;height:"+titleHeight+"px;float:left;padding:2px 0 0 2px;font-weight:bold;overflow:hidden;'>"+ title+"</div>"
        + "<div style='width:18px;float:right;position:absolute;right:0px;top:0px;padding-top:4px'><img id='popBoxCls' src='img/table/post_d.gif' style='width:16px;height:14px;cursor:pointer'>&nbsp;</div>"
        + "<div style='border-top:1px solid #728EB8; height:"+(h-titleHeight)+"px;width:100%; padding-top:1px;'>"
        + "<iframe id='popFrame' src='' width='"+(w-2)+"px' height='200px' frameborder='1' marginheight='0' marginwidth='0' framespacing='0' scrolling='no'></iframe>"
        + "</div>"
        + "</div>";
    document.body.appendChild(popBoxDiv);
    document.getElementById("popFrame").src=contUrl;
}

/**
 * @author qiyh
 */
(function(jQuery) {
    jQuery.fn.extend({
        Show: function() {
        var popBoxDivId=this;
        var oldHeight=popBoxDivId.css("height");
        popBoxDivId.slideDown(1000);//弹出
        jQuery("#popBoxCls").click(function() {
            if(this.src.indexOf("post_d.gif")>-1){
                this.src="img/table/post_u.gif";
                popBoxDivId.animate({height:"20px"},"slow");
            }else{
                this.src="img/table/post_d.gif";
                popBoxDivId.animate({height:oldHeight},"slow");
            }
         });
         jQuery(window).scroll(function() {
            //当滚动条滚动的时候始终在屏幕的右下角
             popBoxDivId.css("top", jQuery(window).scrollTop()+jQuery(window).height()-popBoxDivId.height());
          });
        }
     })}
)(jQuery);


/*test.jsp页面(需要引入jquery.js)*/

jQuery(document).ready(function() {
        createPopBox(200,150,"待办提示:","http://www.baidu.com");
        jQuery("#popBoxDivId").Show();
    });

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值