各大网站主页常用特殊效果分析及应用方法
来源:不详 时间:07-03-30 点击: 点击这里收藏本文
平时上班，最常做的事就是去各大门户网站看看新闻。
于是发现个大门户网站主页上的特殊效果不禁相同（如左右上角的FLASH旗标，左右下角的小FLASH浮标，背投广告等）。这种问题难不倒高手，可是对于新手来说，是非常希望学会的。现在我就来逐一分析一下门户网站主页的特殊效果。
1。首先分析左右上角FLASH旗标的制作方法。（如下图所示）
通过分析代码可以发现，页面中有这样一段话。
<SCRIPT FOR=’tomdl’ EVENT=’FSCommand()’ LANGUAGE=’JavaScript’>
dllayer2.style.visibility=’hidden’;
dllayer3.style.visibility=’hidden’;
</script>
<script src=http://ad.tom.com/zhf/lenovo/1110-hdl.js></script>
这段话是通过1110-hdl.js这个页面来调用FLASH到页面的相应位置。所以说主要的属性设置都是在1110-hdl.js这个页面里。我们按照地址把这个页面DOWN下来。由于不能上传JS文件，故我先把代码贴上来。
<SCRIPT FOR=’tomdl’ EVENT=’FSCommand()’ LANGUAGE=’JavaScript’>
dllayer2.style.visibility=’hidden’;
dllayer3.style.visibility=’hidden’;
</script>
<script src=http://ad.tom.com/zhf/lenovo/1110-hdl.js></script>
这段话是通过1110-hdl.js这个页面来调用FLASH到页面的相应位置。所以说主要的属性设置都是在1110-hdl.js这个页面里。我们按照地址把这个页面DOWN下来。由于不能上传JS文件，故我先把代码贴上来。
function winload()
{
dllayer2.style.top=20;
dllayer2.style.left=5;
dllayer3.style.top=20;
dllayer3.style.right=5;
} //这段分别是对FLASH图标在页面上的位置的设定（上边距和左右边距的数值）
if(document.body.offsetWidth>800){
{
document.write("<div id=dllayer2 style=’position: absolute;visibility:visible;z-index:1’><EMBED src=’http://ad.tom.com/zhf/lenovo/1110-hdl.swf' quality=high WIDTH=100 HEIGHT=300 TYPE=’application/x-shockwave-flash’ id=tomdl></EMBED></div>"
+"<div id=dllayer3 style=’position: absolute;visibility:visible;z-index:1’><EMBED src=’http://ad.tom.com/zhf/lenovo/1110-hdl.swf' quality=high WIDTH=100 HEIGHT=300 TYPE=’application/x-shockwave-flash’ id=tomdl></EMBED></div>");//这段话是载入FLASH的路径以及对FLASH的相应的一些设置。
}
winload()
}
可能一些初学者看到这里觉得有点乱，现在我就教大家如何把这几段代码用到自己的网站上去。
（1）首先新建一个页面1.htm,随意地建一个居中的表格设定宽为600，长为500。
（2）将以下代码拷入BODY中。
function winload()
{
dllayer2.style.top=20;
dllayer2.style.left=5;
dllayer3.style.top=20;
dllayer3.style.right=5;
} //这段分别是对FLASH图标在页面上的位置的设定（上边距和左右边距的数值）
if(document.body.offsetWidth>800){
{
document.write("<div id=dllayer2 style=’position: absolute;visibility:visible;z-index:1’><EMBED src=’http://ad.tom.com/zhf/lenovo/1110-hdl.swf' quality=high WIDTH=100 HEIGHT=300 TYPE=’application/x-shockwave-flash’ id=tomdl></EMBED></div>"
+"<div id=dllayer3 style=’position: absolute;visibility:visible;z-index:1’><EMBED src=’http://ad.tom.com/zhf/lenovo/1110-hdl.swf' quality=high WIDTH=100 HEIGHT=300 TYPE=’application/x-shockwave-flash’ id=tomdl></EMBED></div>");//这段话是载入FLASH的路径以及对FLASH的相应的一些设置。
}
winload()
}
把此文章收藏到：
