网站首页全屏可伸缩可关闭特效

1、准备好需要用到的图标。

2、新建html文档。

3、书写hmtl代码。<table width="950" height="120" border="0" cellpadding="0" cellspacing="0" bgcolor="#66CCFF">  <tr>    <td align="center">头部</td>  </tr></table><DIV id=yhp-snspush style="MARGIN: 0px; OVERFLOW: hidden; WIDTH: 950px; POSITION: relative; HEIGHT: 290px"><DIV id=close-snspush style="RIGHT: 5px; CURSOR: hand; POSITION: absolute; TOP: 5px"><IMG alt=关闭 src="images/snspush_close.gif"></DIV></DIV><!--yhpsnspush}:end--><table width="950" height="120" border="0" cellpadding="0" cellspacing="0" bgcolor="#66CCFF">  <tr>    <td align="center">底部</td>  </tr></table>

4、书写并添加js代码。<SCRIPT src="js/ycnlib.js"></SCRIPT><SCRIPT src="js/ani    mation-min.js"></SCRIPT>

5、代码整体结构。

6、查看效果。