日期:2014-05-19  浏览次数:20586 次

谁有好看点的信息提示框?

        看有些信息提示框,挺好看的。
        要仿模态(其他操作不能做)的,背景半透明的。
        要js脚本的,不要window.open   弹出的那种阿。
 
          大家做网站应该经常用吧,有没有觉得比较好的,给我发一个阿,要是觉得分不够,如果确实不错可以在加。

------解决方案--------------------

function dialog(){
var titile = ' ';
var width = 398;
var height = 180;
var src = " ";
var path = "images/dialog/ ";
//var imgPath = ' ';
var sFunc = ' <input id= "dialogOk " type= "button " value= "确 认 " class= "btn1 " onmouseover= "this.className=\ 'btn2\ ' " onmouseout= "this.className=\ 'btn1\ ' " onclick= "new dialog().reset(); " /> <input id= "dialogCancel " type= "button " value= "取 消 " class= "btn1 " onmouseover= "this.className=\ 'btn2\ ' " onmouseout= "this.className=\ 'btn1\ ' " onclick= "new dialog().reset(); " /> ';
var sClose = ' <input type= "image " id= "dialogBoxClose " onclick= "new dialog().reset(); " src= " ' + path + 'dialogClose0.gif " border= "0 " width= "17 " height= "17 " onmouseover= "this.src=\ ' ' + path + 'dialogCloseF.gif\ '; " onmouseout= "this.src=\ ' ' + path + 'dialogClose0.gif\ '; " align= "absmiddle " /> ';
var sBody = '\
<table id= "dialogBodyBox " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 "> \
<tr height= "10 "> <td colspan= "4 "> </td> </tr> \
<tr> \
<td width= "10 "> </td> \
<td width= "10 " align= "center " valign= "absmiddle "> <img id= "dialogBoxFace " border= "0 " src= " "/> </td> \
<td id= "dialogMsg " style= "color:#315100;font-size:14px;font-weight:bold;line-height:125%; "> </td> \
<td width= "10 "> </td> \
</tr> \
<tr height= "10 "> <td colspan= "4 " align= "center "> </td> </tr> \
<tr> <td id= "dialogFunc " colspan= "4 " align= "center "> ' + sFunc + ' </td> </tr> \
<tr height= "10 "> <td colspan= "4 " align= "center "> </td> </tr> \
</table> \
';
var sBox = '\
<table id= "dialogBox " width= " ' + width + ' " border= "0 " cellpadding= "0 " cellspacing= "0 " style= "border:1px solid #000;display:none;z-index:10; "> \
<tr height= "26 "> \
<td style= "background:url(images/dialog/tit_dialog.gif) "> \
<table onselectstart= "return false; " style= "-moz-user-select:none; " width= "100% " border= "0 " cellpadding= "0 " cellspacing= "0 "> \
<tr> \
<td width= "6 "> </td> \
<td id= "dialogBoxTitle " onmousedown= "new dialog().moveStart(event, \ 'dialogBox\ ') " style= "color:#2B4801;cursor:move;font-size:12px;font-weight:bold;text-align:left; "> &nbsp; </td> \