熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JS實現仿新浪信息提示效果

2022-06-13   來源: JSP教程 
<!DOCTYPE html PUBLIC //WC//DTD XHTML  Transitional//EN transitionaldtd>
<html xmlns= xml:lang=zhCN lang=zhCN>
 <head>
  <meta name=verifyv content=PTfFCiPVxqMWZeztyXVzMHlnwDwLQOqLBHNY= />
  <title>政策文件_中國電力工程造價信息網</title>
  <meta httpequiv=ContentType content=text/html; charset=gb />
  <meta httpequiv=ContentLanguage content=gb />
  <meta name=KeyWords content=電力工程造價價格信息裝材設備電力工程 />
  <meta name=description content=電力工程造價信息 />
  <style type=text/css>
      *{
          margin:;padding:;
      }
  </style>
 </head>
 <body>
 
 <div class=cecmbody id=cecmpolicy>
  <div class=leftClass>
  <a href=;網頁教學網</a>
  <input type=button value=點擊這裡 onclick=sAlert(hello); />
  </div>
  <div class=rightClass>
  </div> 
 </div>
    <script type=text/javascript language=javascript>
//Author:Daviv
//Blog:
//Date:
//Email:
   function sAlert(str){
   var msgwmsghbordercolor;
   msgw=;//提示窗口的寬度
   msgh=;//提示窗口的高度
   titleheight= //提示窗口標題高度
   bordercolor=#;//提示窗口的邊框顏色
   titlecolor=#CCFF;//提示窗口的標題顏色
   
   var sWidthsHeight;
   sWidth=documentbodyoffsetWidth;
   sHeight=screenheight;
   var bgObj=documentcreateElement(div);
   bgObjsetAttribute(idbgDiv);
   bgObjstyleposition=absolute;
   bgObjstyletop=;
   bgObjstylebackground=#;
   bgObjstylefilter=progid:DXImageTransformMicrosoftAlpha(style=opacity=finishOpacity=;
   bgObjstyleopacity=;
   bgObjstyleleft=;
   bgObjstylewidth=sWidth + px;
   bgObjstyleheight=sHeight + px;
   bgObjstylezIndex = ;
   documentbodyappendChild(bgObj);
   
   var msgObj=documentcreateElement(div)
   msgObjsetAttribute(idmsgDiv);
   msgObjsetAttribute(aligncenter);
   msgObjstylebackground=white;
   msgObjstyleborder=px solid  + bordercolor;
      msgObjstyleposition = absolute;
            msgObjstyleleft = %;
            msgObjstyletop = %;
            msgObjstylefont=px/em Verdana Geneva Arial Helvetica sansserif;
            msgObjstylemarginLeft = px ;
            msgObjstylemarginTop = +documentdocumentElementscrollTop+px;
            msgObjstylewidth = msgw + px;
            msgObjstyleheight =msgh + px;
            msgObjstyletextAlign = center;
            msgObjstylelineHeight =px;
            msgObjstylezIndex = ;
   
     var title=documentcreateElement(h);
     titlesetAttribute(idmsgTitle);
     titlesetAttribute(alignright);
     titlestylemargin=;
     titlestylepadding=px;
     titlestylebackground=bordercolor;
     titlestylefilter=progid:DXImageTransformMicrosoftAlpha(startX= startY= finishX= finishY=style=opacity=finishOpacity=);;
     titlestyleopacity=;
     titlestyleborder=px solid  + bordercolor;
     titlestyleheight=px;
     titlestylefont=px Verdana Geneva Arial Helvetica sansserif;
     lor=white;
     titlestylecursor=pointer;
     titleinnerHTML=關閉;
     titleonclick=function(){
          documentbodyremoveChild(bgObj);
                documentgetElementById(msgDiv)removeChild(title);
                documentbodyremoveChild(msgObj);
                }
     documentbodyappendChild(msgObj);
     documentgetElementById(msgDiv)appendChild(title);
     var txt=documentcreateElement(p);
     txtstylemargin=em 
     txtsetAttribute(idmsgTxt);
     txtinnerHTML=str;
           documentgetElementById(msgDiv)appendChild(txt);
            }
  </script>
 </body>
</html>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19179.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.