您现在的位置: 丁丁家园 >> 网上学院 >> 网页设计 >> 建站理论 >> 文章正文
CN域名1元/年 | 高清晰图库
    

[组图]各大网站主页常用特殊效果分析及应用方法

      ★★★★★
【字体:
·好听的歌 ·火影忍者 ·价值投资=8年资产增值8倍 ·伤感歌曲 ·火影忍者漫画 ·QQ空间代码 ·天天基金网 ·经典老歌
各大网站主页常用特殊效果分析及应用方法
作者:丁丁    文章来源:丁丁家园    点击数:    更新时间:2005-12-8
平时上班,最常做的事就是去各大门户网站看看新闻。
于是发现个大门户网站主页上的特殊效果不禁相同(如左右上角的FLASH旗标,左右下角的小FLASH浮标,背投广告等)。这种问题难不倒高手,可是对于新手来说,是非常希望学会的。现在我就来逐一分析一下门户网站主页的特殊效果。
1。首先分析左右上角FLASH旗标的制作方法。(如下图所示)

各大网站主页常用特殊效果分析及应用方法


  通过分析代码可以发现,页面中有这样一段话。


 这段话是通过1110-hdl.js这个页面来调用FLASH到页面的相应位置。所以说主要的属性设置都是在1110-hdl.js这个页面里。我们按照地址把这个页面DOWN下来。由于不能上传JS文件,故我先把代码贴上来。


 这段话是通过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("
"
 +"
");//这段话是载入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("
"
 +"
");//这段话是载入FLASH的路径以及对FLASH的相应的一些设置。
 }
  winload()
}

  可能一些初学者看到这里觉得有点乱,现在我就教大家如何把这几段代码用到自己的网站上去。
      (1)首先新建一个页面1.htm,随意地建一个居中的表格设定宽为600,长为500。       
      (2)将以下代码拷入BODY中。

可能一些初学者看到这里觉得有点乱,现在我就教大家如何把这几段代码用到自己的网站上去。
      (1)首先新建一个页面1.htm,随意地建一个居中的表格设定宽为600,长为500。       
      (2)将以下代码拷入BODY中。

       

      (3)编辑1110-hdl.js页面。主要是改载入SWF的路径。 

function winload()
{
dllayer2.style.top=20;
dllayer2.style.left=5;
dllayer3.style.top=20;
dllayer3.style.right=5;
} if(document.body.offsetWidth>800){ 
 {
 document.write("
"
 +"
");
 }
  winload()
}       

      (4)编辑两个100*300的FLASH,导出两个SWF文件,分别取名为1.swf和2.swf。      
      (5)分别保存以上文件在同一目录下。运行1.htm看看效果。

各大网站主页常用特殊效果分析及应用方法


本例源文件压缩包:

源文件包citk.net

[1] [2] 下一页

【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口推荐赚点

网友评论

(评论内容只代表网友观点,与本站立场无关!)

本频道栏目分类导航