太阳光飞腾讲解第二课

【SCSCMS】

下载

新闻

文章

飞腾aspCMS基本知识讲解

公用顶部top

今天是周五，明天放假，最近也比较忙，所以今天抽点时间写点教程。根据最近Q群常常有人问及网页顶部图片换成FLASH问题，来讲一下公用顶部top的内容。
上节课已经讲到公用顶部top 在ASP代码中就是 head() 那么他实际代码是什么呢，大家打开inc/Ft_function.asp 在最前面就解析了head()函数
'==================================
'=函数名：head()
'=功能：页面头部信息显示
'==================================
Function head()
Dim str
str=Replace(m_top,"$css$",m_css)
str=Replace(str,"$webname$",webname)
str=Replace(str,"$webkeyword$",webkeyword)
str=Replace(str,"$webboss$",webboss)
str=Replace(str,"$weburl$",weburl)
str=Replace(str,"$webemail$",webemail)
str=Replace(str,"$sub_title$",sub_title)
If Instr(str,"$menu$")<>0 Then str=Replace(str,"$menu$",Getmenu())
head=str
End Function

这里都是Replace()替换函数(如果不懂这个函数的请查百度) 首先有m_top变量,在这里我们是看不到它的具体内容,这得转到inc/Ft_lib.asp文件可以找到m_top=Replace(StrTemp(1),"{PicUrl}",SignImgPath)它就是风格模板的的top内容,具体HTML代码是什么呢，这你就要进入后台-外观设置-网站界面风格总管理-总风格模板(tamplate.main) 其中[页面开始部分top(1)]就是m_top的真实内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico">
<link rel="bookmark" href="favicon.ico">
<title>$sub_title$-$webname$|太阳光设计|网页制作</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="keywords" content="$sub_title$,$webkeyword$">
$css$
<script type="text/JavaScript" language="javascript" src="inc/Ft_incjs.js"></script>
<script type="text/JavaScript" language="javascript">if(self!=top){top.location=self.location;}</script>
</head>
<body>
<div id="page_w">
<div id="menu"><div style="text-align:right;width:240px;float:right;"><a href="#" style="cursor:hand;" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('$weburl$');">设为首页</a> | <a style="cursor:hand;" href="javascript:window.external.addFavorite('$weburl$','$webname$');">加入收藏</a> | <a style="cursor:hand;" href="mailto:$webemail$" Title='给站长写信'>联系站长</a>   </div>$menu$ </div>
<div id="top"><img src="{PicUrl}/weblogo.gif" alt="网站标志" border="0" style="margin-top:20px;float:left;"></div>

<div class="top_bg"><div class="top_title">会员快速登录</div>
<div id="ft_user">登陆加载中...</div></div>
<div class="line"></div>

<div class="top_bg"><div class="top_title">网站最新公告</div>
<div style="margin-left:7px;"><div id="xzy" style="filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.5 Duration=3);padding-top:5px;">公告加载中...</div>$titlediary_up$</div></div>
<div class="line"></div>

我们返回开始部分看head()函数,第一句是 str=Replace(m_top,"$css$",m_css) 意思就是替换顶部内容的$css$为m_css的内容,而m_css内容就是总风格模板里的[CSS管理CSS(0)]

其他代码意思如下:
str=Replace(str,"$webname$",webname) //替换为真正的网站名称
str=Replace(str,"$webkeyword$",webkeyword)//替换为真正的网站关键字
str=Replace(str,"$webboss$",webboss)//替换为真正的站长名
str=Replace(str,"$weburl$",weburl)//替换为真正的网页域名
str=Replace(str,"$webemail$",webemail)//替换为直接的站长邮箱
str=Replace(str,"$sub_title$",sub_title)//替换为IE显示的标题(其中sub_title变量在每个ASP文件里直接定义)
If Instr(str,"$menu$")<>0 Then str=Replace(str,"$menu$",Getmenu())//如果存在菜单标签,就替换为真正的菜单

到此网站的head()函数加载完成。

下面就讲一下怎么换网站LOGO图片为FLASH，我们从上面模板中可以找到代码<div id="top"><img src="{PicUrl}/weblogo.gif" alt="网站标志" border="0" style="margin-top:20px;float:left;"></div>就是我们需要修改的地方，其中有id="top",这里有一张大图片，很多Q友无法找到图片，其实是在CSS里：
#top{/*顶部banner*/
height:130px;
background-image: url('{PicUrl}/top.jpg');//大背景图片，如果不要删除这句即可
border:1px solid #5BC514;
border-width:0px 1px 0px 1px;
background-repeat:no-repeat;
}

而<img src="{PicUrl}/weblogo.gif" alt="网站标志" border="0" style="margin-top:20px;float:left;">就是LOGO图片，我们把它换成FLASH插入网页的代码即可，不过要注意FLASH的大小。假如你的是1.swf 那么就把<div id="top"><img src="{PicUrl}/weblogo.gif" alt="网站标志" border="0" style="margin-top:20px;float:left;"></div>换成：

<div id="top"> <script type="text/javascript">CreateFlash("#FFFFFF","1.swf",960,130,""); </script> </div>

在此特别说明，因为CreateFlash()函数是本站js文件已经定义插入FLASH的代码，不是所有网页适合用，当然你用原完成插入FLASH代码也可以！今天到此，谢谢大家！