如何给html页面添加动态等待效果

楼上的总结也很全面，我从我的经验中总结如下

1：ajax请求过程绑定beforeSend方法。

2：触发事件时显示loading部分html。完成后再隐藏html

用PS做的是效果图，需要前端开发人员编写代码才可以在网站上展示出来。

简单来说，在PS里做好之后，需要切图。把图片切割成适合在网站上浏览。

切图时需要把文字分离出图片的要处理好。

切好图片之后，需要用html结合JavaScript等知识编写代码。

这样写出的页面还只是静态的网站。

如果想要做成动态的效果，还需要搭建后台，连接数据库等。

<DIV id=marquees><A href="javascript:">1,你可曾有过无数的梦想，</A><BR><BR><A

href="javascript:">2,却在时光的流逝里幻灭 </A><BR><BR><A

href="javascript:">3,你可曾对未来期待憧憬，</A><BR><BR><A

href="javascript:">4,却在成长的岁月中迷失</A><BR><BR></DIV>

<SCRIPT language=JavaScript>

marqueesHeight=200

stopscroll=false

with(marquees){

style.width=0

style.height=marqueesHeight

style.overflowX="visible"

style.overflowY="hidden"

noWrap=true

onmouseover=new Function("stopscroll=true")

onmouseout=new Function("stopscroll=false")

}

document.write('<div id="templayer" style="position:absolutez-index:1visibility:hidden"></div>')

preTop=0currentTop=0

function init(){

templayer.innerHTML=""

while(templayer.offsetHeight<marqueesHeight){

templayer.innerHTML+=marquees.innerHTML

}

marquees.innerHTML=templayer.innerHTML+templayer.innerHTML

setInterval("scrollUp()",20)//越大越慢

}

document.body.onload=init

function scrollUp(){

if(stopscroll==true) return

preTop=marquees.scrollTop

marquees.scrollTop+=1

if(preTop==marquees.scrollTop){

marquees.scrollTop=templayer.offsetHeight-marqueesHeight

marquees.scrollTop+=1

}

}

</SCRIPT>这个是文字向上滚动。

<marquee direction="up" behavior="alternate">你好，希望这个是你所需要的效果！！！</marquee>这个是文字上下来回滚动！

---