js代码定时关闭遮罩层,小白求教Javascript代码

JavaScript018

js代码定时关闭遮罩层,小白求教Javascript代码,第1张

这是一个打开网页 30秒后自动弹出红色的遮罩层,5秒后遮罩层自动关闭。

<html>

    <body onload="load()">

    <div id="zzDiv" style="width:100%height:100%opacity:0.5background-color:#cccdisplay:noneposition: fixedz-index:9999">遮罩层</div>

    ndndndndnddnnd

    <script type="text/javascript">

    function load(){

         setTimeout(showDiv,3000)

}

function showDiv(){

    document.getElementById("zzDiv").style.display="block"

    setTimeout(hideDiv,5000)

}

function hideDiv(){

   document.getElementById("zzDiv").style.display="none"

}

</script>

</body>

</html>

关于移植:在你想要弹出遮罩层的页面修改。按照页面结构把对应标签的内容复制到你要修改的页面中。例如<body></body>的内容复制到<body></body>里面。再将 <body>改成<body onload="load()">。

如花仙子、浪漫1+1、120分的快乐

网站站标

在这里你可以上载网站的站标,作为网站的站标符合以下的条件即可:

1>尺寸(宽*高)为:159*66

2>大小不超过50K

3>格式为.gif和.jpg

点击“浏览”按钮找到你准备好的图片-->然后点“确认上载”即可!

注意:如果你选择的图片不符合上述的要求,比如图片的大小超过50k,那么上载提交后,会出现----该页无法显示的信息!

另外,因为站标已经给出了一个固定的尺寸大小,而一般图片的大小很少会刚好是这么大,因此图片上载后会出现被压缩或拉伸的现象,您当然不希望自己精心挑选的站标放到网上后变形,有没有解决办法呢?

在该页中我们提供了几个简单的图片供您选用,选择一个您满意的图片然后点击提交,该图就成为您网站的站标了,如果您找到更好的图片也可以随时进行更换!

使用软件对图片进行处理:

在选择图片时尽可能的按照159*66的大小或比例选图; 为了使站标不出现压缩或拉伸的现象,我们可以利用作图软件进行简单处理了,一提到作图软件有些人可能会发愁,其实现在的作图软件很多,其原理、方法也大同小异,在这里我也向您介绍几个:象photoshop、firework

一、在“photoshop”中的处理:

下面就说说使用photoshop作图软件的步骤:

1)打开作图软件,新建一个文件(一般是在“文件”菜单中的“新建...”)

2)设置新建文件的长宽为:159、66;单位:pixel(像素);分辨率(默认值72);图片背景:选择一个和网站背景搭配的颜色(也可选透明色)-->点“确定”

3)打开您准备作为站标的图片[按ctrl+o](或者直接拖放到作图软件中),选中整副图(快捷键ctrl+A),然后复制(快捷键ctrl+C);

4)点一下刚才新建的文件,进行粘贴(快捷键ctrl+V)

5)因为图片大小可能不符合站标的大小要求,所以要进行变形处理,在“修改”菜单中选“变形”-->然后拖动控制点,直到大小符合你的要求。

6)调整好大小后,图片周围可能还有一些多余的透明部分,不用管它;选择“文件”菜单中的“输出为gif”

7)最后选择好目录保存即可!

二、在“fireworks”中的处理:

下面就说说使用fireworks作图软件的步骤:

1)打开作图软件,新建一个文件(一般是在“文件”菜单中的“新建...”)

2)设置新建文件的长宽为:159、66;单位:pixel(像素);分辨率(默认值72);图片背景:选择一个和网站背景搭配的颜色(也可选透明色)-->点“确定”

3)打开您准备作为站标的图片-->[按ctrl+o]打开(或者直接拖放到作图软件中),选中整副图(快捷键ctrl+A),然后复制(快捷键ctrl+C);

4)点一下刚才新建的文件,进行粘贴(快捷键ctrl+V)

5)因为图片大小可能不符合站标的大小要求,所以要进行变形处理,在“修改”菜单中选“变形”-->然后拖动控制点,直到大小符合你的要求(或按ctrl+shift+t)。

6)调整好大小后,(如果背景选择的是透明,图片周围可能还有一些多余的透明部分,不用管它);选择“文件”菜单中的“输出预览..”(ctrl+shift+x)-->如图

·在format中选择gif或jpg格式;

·在右下角“128”处选择颜色数,越少输出的图片越小;

·其他设置与上图一致即可

7)最后选择好目录保存!