先上效果图片吧:
代码如下:
<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>
设计到图片下载地址:稍后更新