制作从屏幕右下方逐渐弹出的消息框

阅读更多

 

< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 完美仿MSN右下角弹出广告附带关闭按钮 title >
head >
< Script  language ="JavaScript" >

Script >



< DIV  id =eMeng  style ="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3" >
< TABLE  style ="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid"  cellSpacing =0  cellPadding =0  width ="100%"  bgColor =#AFDCF3  border =0 >
< TBODY >
   < TR  bgColor =#6699cc >
    < TD  style ="font-size: 12px; background-image: url('msgTopBg.gif'); color: #0f2c8c"  width =30  height =24 > TD >
    < TD  style ="font-weight: normal; font-size: 12px; background-image: url('msgTopBg.gif'); color: #ffffff; padding-left: 4px; padding-top: 4px"  vAlign =center  width ="100%" >  网站温馨提示： TD >
    < TD  style ="background-image: url('msgTopBg.gif'); padding-right: 2px; padding-top: 2px"  vAlign =center  align =right  width =19 >< span  title =关闭  style ="CURSOR: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;"  onclick =closeDiv()  > × span > TD >
   TR >
   < TR >
    < TD  style ="background-image: url('http://pic.tianyaclub.com/images/windty_bg.jpg'); padding-right: 1px; padding-bottom: 1px"  colSpan =3  height =90 >
     < DIV  style ="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%" > 先飞电脑技术网全新改版，免费精品网络资源，你用了吗？ < BR >
     < DIV  align =center  style ="word-break:break-all" > < a  href ="http://www.xfbbs.com"  target ="_blank" >
     < font  color =#FF0000 > 进入网站浏览 font > a > DIV >

     DIV >
    TD >
   TR >
TBODY >
TABLE >
DIV >

html >