首页主要是导航作用，上方共有六个导航条，用fireworks编辑的悬停按纽。各分为六个内容，左侧的为‘星座物语’，‘动感地带’，‘爱情感悟’。下面的六个字幕是衔接。右侧的为‘五花八门’，‘心情留言’，‘海阔天空’。中间为一段笑话。下面的横幅是一个flash动画，效果是色彩渐变。接着蓝色的一个横幅上的是flash动画衔接。接下来是一个搜索菜单，方便快捷。其它的为gif动画。
单击“星座物语”，进入内容左侧的字体是fireworks编辑的gif动画。左侧下方是篇有关星座的文章，右侧的星座专题有三个关于星座的内容可单击。‘漂亮穿衣法则’内有广告条，鼠标放在上面时停止浮动，鼠标离开时继续浮动。‘星座爱情特点’内有鼠标特效。它的代码为：<script language="javascript">
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,
yyto,yycnt,yystep) { //v1.2
//copyright (c)1999 Yaromat, Jaro von Flocken
if ((document.layers)||(document.all)){
with (Math) {yynextx= eval(yyfnx)}
with (Math) {yynexty= eval(yyfny)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft))
}
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, .all )");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));
}
argStr= YY_Layerfx( +yyleft+ , +yytop+ ," +yyfnx+ "," +yyfny+ ","
+yydiv+ ", +yyb
ilder+ , +yyloop+ , +yyto+ , +yycnt+ , +yystep+
) ;
if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}
}
}
function YY_Mousetrace(evnt) { //v1.2 copyright (c)1999 Yaromat
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX;
yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}
</script>
右侧下的是一个flash做的动画，蒙板层切换图片，下面的字幕为衔接。
单击“动感地带”进入内容的左侧，一个米老鼠可以单击返回首页。下面是一个表格，表格里的内容是衔接网站。表格的最后一行‘友情链接’为本班同学所做的个人网站，可单击衔接。本页最后为flash动画。它是一个跟随鼠标移动的图形心。它的代码为：<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version
=6,0,29,0" width="745" height="400">
<param name="movie" value="xin.swf">
