返回首页

温馨提示：本站文章标题使用的字体是《微软雅黑》点击下载这个字体.

顶一下

1 次

百度POPUP效果

来源：本站原创编辑：佚名时间：2008年11月5日浏览：

点击下载百度POPUP效果

<!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">
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<head>
<title>站长素材-专注于网页素材下载-www.web265.com</title>
 
     <script type="text/javascript" src="http://demo.web265.com/js/popbaidu.js"></script>
 
    <script type="text/javascript">
    
        function ShowIframe()
        {
            var pop=new Popup({ contentType:1,isReloadOnClose:false,width:400,height:500});
            pop.setContent("contentUrl","http://www.web265.com");
            pop.setContent("title","iframe框架示例");
            pop.build();
            pop.show();
        }
        function ShowHtmlString()
        {
            var strHtml = "<table border=1 style='width:90%; text-align:center;'><tr style='height:40px'><td>ds</td><td>dads</td></tr><tr style='height:40px'><td>www.web265.com</td><td>dasd</td></tr><tr style='height:40px'><td><a target='_blank' href='http://www.web265.com'>点击进入</a></td><td>dsadads</td></tr></table>";
            var pop=new Popup({ contentType:2,isReloadOnClose:false,width:340,height:300});
            pop.setContent("contentHtml",strHtml);
            pop.setContent("title","html字符串示例");
            pop.build();
            pop.show();
        }
        function ShowConfirm()
        {
            var pop=new Popup({ contentType:3,isReloadOnClose:false,width:340,height:80});
            pop.setContent("title","confirm对话框示例");
            pop.setContent("confirmCon","confirm对话框的内容");
            pop.setContent("callBack",ShowCallBack);
            pop.setContent("parameter",{id:"divCall",str:"点击确定后显示的字符串",obj:pop});
            pop.build();
            pop.show();
        }
        function ShowAlert()
        {
            var pop=new Popup({ contentType:4,isReloadOnClose:false,width:340,height:80});
            pop.setContent("title","alert警告框示例");
            pop.setContent("alertCon","alert对话框的内容,web265.com收集");
            pop.build();
            pop.show();
        }
        
        
        function ShowCallBack(para)
        {
            var o_pop = para["obj"]
            var obj = document.getElementById(para["id"]);
            o_pop.close();
            obj.innerText = para["str"];
            
        }

function sendmessage(url)
		{
			g_pop=new Popup({ contentType:1, isReloadOnClose:false, width:400, height:450 });
			g_pop.setContent("title","发送短消息");
			g_pop.setContent("contentUrl",url);
			g_pop.build();
			g_pop.show();
			return false;
		}

</script>

</head>
<body style="text-align:center;">
    <form id="form1" runat="server">
        <div>
            <a href="javascript:ShowIframe()">iframe框架示例</a>
            <br />
            <a href="javascript:ShowHtmlString()">html字符串示例</a>
            <br />
            <a href="javascript:ShowConfirm()">confirm对话框示例</a>
            <br />
            <a href="javascript:ShowAlert()">alert警告框示例</a> <br />
        <a href='javascript:Comment("http://zhidao.baidu.com/userlogin.html?login",450,250)'>登陆</a> <br />
		
		<input type=button  onclick=sendmessage("http://www.web265.com") value=发送短消息>
</div>
        <div id="divCall" style="width:300px; height:200px; background-color:#cccccc; color:Red; float:right;">
        </div>
    </form>
</body>
</html>
本代码由<a href="http://www.web265.com" target="_blank">站长素材网(http://www.web265.com)</a>整理发布

运行代码
复制代码
另存代码
收藏本页

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：焦点Banner效果滚动实现效果

下一篇：js颜色选择器

赞助商友情链接

站长常用工具

更多

返回首页

百度POPUP效果

赞助商友情链接

站长常用工具

相关文章