网页制作技巧.docx

right;width:

24px;margin:

9px000;border:

0px;">

ChangeMenu（'RightMenu',115,500）"border="0"height="100"src="/teixiao/UploadFiles_4612/201105/20110519101025678.gif"width="24">

varQuickScrollYLast=0;

varQuickMenu=document.getElementById（"QuickMenu"）

window.setInterval（"LoadMenu（）",1）;

functionLoadMenu（）{

varQuickScrollYDefault;

if（document.documentElement&&document.documentElement.scrollTop）{

QuickScrollYDefault=document.documentElement.scrollTop;

}elseif（document.body）{

QuickScrollYDefault=document.body.scrollTop;

}else{

}

QuickPercent=.1*（QuickScrollYDefault-QuickScrollYLast）;

if（QuickPercent>0）{

QuickPercent=Math.ceil（QuickPercent）;

}else{

QuickPercent=Math.floor（QuickPercent）;

}

QuickMenu.style.top=parseInt（QuickMenu.style.top）+QuickPercent+"px";

QuickScrollYLast=QuickScrollYLast+QuickPercent;

}

varMenuX;

varMenuY;

varMenuCloseX;

varMenuCloseY;

functionChangeMenu（id,menuwidth,menuheight）{

clearInterval（MenuX）;

clearInterval（MenuY）;

clearInterval（MenuCloseX）;

clearInterval（MenuCloseY）;

varo=document.getElementById（id）;

if（o.style.display=="none"）{

o.style.display="block";

o.style.width="1px";

o.style.height="1px";

MenuX=setInterval（function（）{menuopenx（o,menuwidth,menuheight）},30）;

document.getElementById（"menutop"）.src="/teixiao/UploadFiles_4612/201105/20110519101025227.gif";

}else{

document.getElementById（"menutop"）.src="/teixiao/UploadFiles_4612/201105/20110519101025678.gif";

MenuCloseY=setInterval（function（）{menuclosex（o）},30）;

}

}

functionmenuopenx（o,x,y）{/*--打开x--*/

varmenucx=parseInt（o.style.width）;

if（menucx

o.style.width=（menucx+Math.ceil（（x-menucx）/5））+"px";

}else{

clearInterval（MenuX）;

//MenuY=setInterval（function（）{menuopeny（o,y）},30）;

}

varmenucy=parseInt（o.style.height）;

if（menucy

o.style.height=（menucy+Math.ceil（（y-menucy）/5））+"px";

}else{

clearInterval（MenuY）;

}

}

functionmenuopeny（o,y）{/*--打开y--*/

varmenucy=parseInt（o.style.height）;

if（menucy

o.style.height=（menucy+Math.ceil（（y-menucy）/5））+"px";

}else{

clearInterval（MenuY）;

}

}

functionmenuclosex（o）{/*--打开x--*/

varmenucx=parseInt（o.style.width）;

if（menucx>0）{

o.style.width=（menucx-Math.ceil（menucx/5））+"px";

}else{

clearInterval（MenuCloseX）;

//MenuCloseX=setInterval（function（）{menuclosey（o）},30）;

}

varmenucy=parseInt（o.style.height）;

if（menucy>0）{

o.style.height=（menucy-Math.ceil（menucy/5））+"px";

}else{

clearInterval（MenuCloseY）;

o.style.display="none";

}

}

functionmenuclosey（o）{/*--打开y--*/

varmenucy=parseInt（o.style.height）;

if（menucy>0）{

o.style.height=（menucy-Math.ceil（menucy/5））+"px";

}else{

clearInterval（MenuCloseY）;

o.style.display="none";

}

}

本文来源网页吧

分享到QQ，人人网，腾讯微博，XX搜藏代码

本文来源网页吧

void（（function（s,d,e）{if（/xiaonei\.com/.test（d.location））return;var%20f='border=0alt=分享到校内人人网src="/teixiao/UploadFiles_4612/201102/20110214221618297.gif"width=16height=16>

window.open（'border=0alt=QQ书签src="/teixiao/UploadFiles_4612/201102/20110214221618444.gif"width=16height=16>

u=location.href;t=document.title;c=%22%22+（window.getSelection?

window.getSelection（）:

document.getSelection?

document.getSelection（）:

document.selection.createRange（）.text）;varurl=%22void0">

void（0）"onclick="{var_t=encodeURI（document.title）;var_url=encodeURI（window.location）;var_appkey='f39b8bdb69614c44b11f0c3ab574314d';var_site=encodeURI;var_pic='';var_u='window.open（_u,'转播到腾讯微博','width=700,height=580,top=180,left=320,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no'）;

};">

本文来源网页吧

显示网页载入进度的等待效果

本文来源网页吧

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">

--把下面代码加到与之间-->

--

varie5=（document.all&&document.getElementsByTagName）;

varstep=0;

functionsetSB（v,el,inforEl,message）{

if（ie5||document.readyState=="complete"）{

filterEl=el.children[0];

valueEl=el.children[1];

if（filterEl.style.pixelWidth>0）{

varfilterBackup=filterEl.style.filter;

filterEl.style.filter="";

filterEl.style.filter=filterBackup;

}

filterEl.style.width=v+"%";

valueEl.innerText=v+"%";

inforEl.innerText=message;

}

}

functionsetSBByStep（v,el,inforEl,message）{

if（ie5||document.readyState=="complete"）{

step=step+v;

filterEl=el.children[0];

valueEl=el.children[1];

if（filterEl.style.pixelWidth>0）{

varfilterBackup=filterEl.style.filter;

filterEl.style.filter="";

filterEl.style.filter=filterBackup;

}

filterEl.style.width=step+"%";

valueEl.innerText=step+"%"

inforEl.innerText=message;

}

}

functionfakeProgress（v,el）{

if（v>=101）

location.href="";

else{

setSB（v,el,infor,"欢迎访问“网页吧”，页面载入中，请稍候……"）;

window.setTimeout（"fakeProgress（"+（v+1）+",document.all['"+el.id+"']）",50）;//等待5秒

}

}

//-->

--把改为-->

--把下面代码加到与之间-->

#ffffff1pxsolid;border-top:

#ffffff1pxsolid;background:

#99ccff;border-left:

mediumnone;width:

400px;border-bottom:

#cccccc1pxsolid;height:

14px;text-align:

left">

alpha（opacity=0,finishopacity=80,style=1,startx=0,starty=0,finishx=100,finishy=0）;overflow:

hidden;width:

100%;position:

absolute;height:

12px">

#000000;width:

100%;height:

12px;overflow:

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

网页 制作 技巧

  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。