AJAX实现信息滚动显示效果,AJAX弹出提示信息效果与lightbox效果一样

最新推荐文章于 2021-08-05 16:35:42 发布

转载最新推荐文章于 2021-08-05 16:35:42 发布 · 238 阅读

文章标签：

#AJAX实现信息滚动显示效果

博主声明所有文章及插图均为原创，并要求引用时注明来源。鼓励读者对文章观点进行理性评论，但拒绝无素质灌水。同时，提醒读者在欣赏背景音乐时，记得关闭页面底部的音乐播放器。

提示信息框

a{ color:#000; font-size:12px;text-decoration:none}

a:hover{ color:#900; text-decoration:underline}

body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden}

#massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}

#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}

.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}

.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}

var Obj=''

document.onmouseup=MUp

document.onmousemove=MMove

function MDown(Object){

Obj=Object.id

document.all(Obj).setCapture()

pX=event.x-document.all(Obj).style.pixelLeft;

pY=event.y-document.all(Obj).style.pixelTop;

}

function MMove(){

if(Obj!=''){

document.all(Obj).style.left=event.x-pX;

document.all(Obj).style.top=event.y-pY;

}

function MUp(){

if(Obj!=''){

document.all(Obj).releaseCapture();

Obj='';

}

本人申明此博客所有文章(包括文章插图)均为原创，如需引用或转载请注明出处。
欢迎大家对博文中观点留言评述，谢绝无聊人士无素质无观点的灌水漫骂。
本站已设背景音乐，听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。

显示提示信息

bottom here