rollarea.js及其用法示例

guoyangvb870

　　var clip_t,clip_b,clip_r,clip_l,layer_t,layer_top,clip_top,clip_bottom,clip_left,clip_right;
　　function rollArea(top,right,bottom,left,string){
　　var HTMLStr;
　　layer_t=layer_top=bottom;
　　clip_t=clip_top=top-bottom;
　　clip_b=clip_bottom=0;
　　clip_l=clip_left=0;
　　clip_r=clip_right=right-left;
　　htmlStr="<div style=position:absolute;background-color:blue;filter:alpha(opacity=20)"+
　　";top:"+top+"px;left:"+left+
　　"px;width:"+(right-left)+"px;height:"+(bottom-top)+" ></div>";
　　htmlStr+="<div id=layer style=visibility:hidden;position:absolute";
　　htmlStr+=";top:"+bottom+"px;left:"+left+"px;width:"+(right-left)+
　　"px;rect("+clip_t+"px "+clip_r+"px "+clip_b+"px "+clip_l+"px) >";
　　htmlStr+="</div>";
　　document.write(htmlStr);
　　//layer.innerText=htmlStr;
　　layer.innerHTML=string;
　　layer.style.visibility="visible";
　　//;zIndex:-1
　　//layer.style.zIndex=1;
　　}
　　function rollDida(){
　　clip_t++;
　　clip_b++;
　　layer_t--;
　　if(clip_t>parseInt(layer.clientHeight)){
　　clip_t=clip_top;
　　clip_b=clip_bottom;
　　layer_t=layer_top;
　　}
　　layer.style.clip="rect("+clip_t+"px "+clip_r+"px "+clip_b+"px "+clip_l+"px)";
　　layer.style.top=layer_t+"px";
　　}
　　用法：
　　<script language="javascript" src="/hangzhou/include/rollarea.js"></script>
　　<script language="javascript">
　　<!--
　　rollArea(0,570,40,220,"你的文本");
　　window.setInterval("rollDida()",100);
　　//-->
　　</script>

新农村商网版权与免责申明： 1、新乡村商网所发布信息由原创信息、转载信息跟网民自主宣布信息形成；
2、凡注明信息来源为新农村商网的信息为本站原创信息，其版权为商务部网站和新农村商网所有；
3、凡注明信息起源为其余媒体的信息为本站转载信息，新农村商网不对其观点的准确性和内容的实在性负责；
4、凡注明信息来源为"网民自主发布"的信息，联系方法已经新农村商网初步审核，但并不能确保信息内容的真实、有效性，请应用者自主决议是否使用并自担危险。
www.119eliving.com