日期:2014-05-16  浏览次数:20309 次

关于自定义弹出对话框
需要对话框中的文字描述:您选择的产品已放入购物车
2个按钮,
1、文字提示: 继续购物 。(结果是 点击后关闭此页面)
2、文字提示: 去结算。(结果是点击后到指定的网页)

谢谢!

------解决方案--------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>基于JQuery的JS遮罩层效果</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript">
    function showDiv() {
        document.body.style.overflow = 'hidden';
        var docHeight = Math.max(document.documentElement.scrollHeight,
        document.documentElement.clientHeight);
        var docWidth = Math.max(document.documentElement.scrollWidth,
        document.documentElement.clientWidth);
        var _div = document.createElement('div');
        _div.className = 'divClass';
        _div.setAttribute('id', 'divId');
        document.body.appendChild(_div);
        document.getElementById('divId').style.width = docWidth + 'px';
        document.getElementById('divId').style.height = docHeight + 'px';
        var _divAlert = document.createElement('div');
        _divAlert.className = 'divalert';
        _divAlert.id = 'divalert';
        document.body.appendChild(_divAlert);
        document.getElementById('divalert').style.left = (document.documentElement.clientWidth - 200)/2 + 'px';
        document.getElementById('divalert').style.top = (document.documentElement.clientHeight - 100)/2 + 'px';
        var _divContent = document.createElement('div');
        _divContent.id = 'divcontent';
        _divAlert.appendChild(_divContent);
        var _divbtn = document.createElement('div');
        _divbtn.id = 'divbtn';