js弹窗和java弹窗有什么区别_两种兼容性强的js右下角消息提示弹窗效果js特效...

js右下角消息弹窗效果可以快速的让用户注意到网站系统提示的消息，由于是右下角显示的js弹窗消息，所以既美观，又不占位置，用户会习惯性的查看右边的信息，效果非常明显，下面我们来看看这两种js特效吧，是本人专门收藏的。

效果1：类似于qq消息效果，js兼容性很强，适合任何平台。

js代码如下：html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

右下角的弹窗,sky整理收集

#winpop { width:220px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #999999; margin:0; padding:1px; overflow:hidden; display:none; background:#FFFFFF}

#winpop #title {

width:100%; height:20px; line-height:20px;

font-weight:bold; text-align:center; font-size:12px;

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#54C4F2,endColorStr=#D1F2F9); /*IE*/

background:-moz-linear-gradient(top,#54C4F2,#D1F2F9);/*火狐*/

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#54C4F2), to(#D1F2F9));/*谷歌*/

background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #54C4F2),color-stop(1, #D1F2F9));/* Safari & Chrome*/

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54C4F2', endColorstr='#D1F2F9'); /*IE6 & IE7*/

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54C4F2', endColorstr='#D1F2F9')"; /* IE8 */

background: -ms-linear-gradient(left,#D1F2F9 0%,#54C4F2 100%);

}

#winpop #msg{display:block; margin-top:30px; padding:0; text-align:center;}

#winpop #msg li{display:block;list-style:none; font-weight:bold; font-size:12px; padding:0}

#winpop #msg li a{display:block;text-decoration:none; color:#2D82FF;}

#winpop #msg li a:hover{text-decoration:underlin