现在的位置: 首页 > 综合 > 正文

漂亮的dialog

2013年09月17日 ⁄ 综合 ⁄ 共 3441字 ⁄ 字号 评论关闭

先上效果图片吧:

代码如下:

<table style='-moz-user-select:none;' border='0' cellpadding='0' cellspacing='0' width='300px'>
			  <tr style='cursor:move;'>
			    <td width='13' height='33' style="background-image:url(images/dialog_lt.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_lt.png', sizingMethod='crop');"><div style='width:13px;'></div></td>
			    <td height='33' style="background-image:url(images/dialog_ct.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_ct.png', sizingMethod='crop');"><div style="float:left;font-weight:bold; color:#FFFFFF; padding:9px 0 0 4px;"><img src="images/icon_dialog.gif" align="absmiddle"> 提示信息</div>
			      <div style="position: relative;cursor:pointer; float:right; margin:5px 0 0; _margin:4px 0 0;height:17px; width:28px; background-image:url(images/dialog_closebtn.gif)" onMouseOver="this.style.backgroundImage='url(images/dialog_closebtn_over.gif)'" onMouseOut="this.style.backgroundImage='url(images/dialog_closebtn.gif)'" drag='false'></div></td>
			    <td width='13' height='33' style="background-image:url(images/dialog_rt.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_rt.png', sizingMethod='crop');"><div style="width:13px;"></div></td>
			  </tr>
			  <tr  ><td width='13' style="background-image:url(images/dialog_mlm.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_mlm.png', sizingMethod='crop');"></td>
			    <td align='center' valign='top'>
			    <table width='100%' style=" height:100%;" border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'>
			        <tr id='_MessageRow_1' style='display:none'>
			          <td height='50' valign='top'><table id='_MessageTable_1' width='100%' border='0' cellspacing='0' cellpadding='8' style=" background:#EAECE9 url(images/dialog_bg.jpg) no-repeat right top;">
			              <tr><td width='25' height='50' align='right'><img id='_MessageIcon_1' src='images/window.gif' width='32' height='32'></td>
			                <td align='left' style='line-height:16px;'>
			                <h5 class='fb' id='_MessageTitle_1'> </h5>
			                <div id='_Message_1'> </div></td>
			              </tr></table></td></tr>
			        <tr><td align='center' valign='top'>
			          <iframe  id='_DialogFrame_1'   width='100%' height='100%' frameborder='0' style="background-color: #transparent; border:none;"></iframe></td></tr>
			        <tr  id='_ButtonRow_1'><td height='36'>
			            <div id='_DialogButtons_1' style='text-align:center; border-top:#dadee5 1px solid; padding:8px 20px; background-color:#f6f6f6;'>
			           	<input id='_ButtonOK_1'  type='button' value='确 定'/>
			           	<input id='_ButtonCancel_1'  type='button'   value='取 消'/>
			            </div></td></tr>
			      </table></td>
			    <td width='13' style="background-image:url(images/dialog_mrm.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_mrm.png', sizingMethod='crop');"></td></tr>
			  <tr><td width='13' height='13' style="background-image:url(images/dialog_lb.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_lb.png', sizingMethod='crop');"></td>
			    <td style="background-image:url(images/dialog_cb.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_cb.png', sizingMethod='crop');"></td>
			    <td width='13' height='13' style="background-image:url(images/dialog_rb.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_rb.png', sizingMethod='crop');"></td>
			  </tr></table>

设计到图片下载地址:稍后更新

抱歉!评论已关闭.