繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> 其它 >> 网页效果的制作与分析(四)

网页效果的制作与分析(四)

2008-05-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:#@60;!--下面都是大同小异了,想增加或减少卡片只要拷贝或删除上面加红的部分并稍作修改即可--$#@62; $#@60;tr$#@62; $#@60;td class="menubar"$#@62;脚本专区$#@60;/td$#@62; $#@60;/tr$#@62; $#@60;tr$#@62; $...
关键字:效果 网页 制作 分析

#@60;!--下面都是大同小异了,想增加或减少卡片只要拷贝或删除上面加红的部分并稍作修改即可--$#@62;

$#@60;tr$#@62;

$#@60;td class="menubar"$#@62;脚本专区$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menu"$#@62;

$#@60;p$#@62;vbScript$#@60;/p$#@62;

$#@60;p$#@62;JavaScript$#@60;/p$#@62;

$#@60;p$#@62; $#@60;/p$#@62;

$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menubar"$#@62;HTML专区$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menu"$#@62;

$#@60;p$#@62;HTML4.0$#@60;/p$#@62;

$#@60;p$#@62;DHTML$#@60;/p$#@62;

$#@60;p$#@62;CSS$#@60;/p$#@62;

$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menubar"$#@62;应用示例$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menu"$#@62;

$#@60;p$#@62;$#@60;A href=http://www.blue1000.com/article/"effect.htm"$#@62;页面效果$#@60;/a$#@62;$#@60;/p$#@62;

$#@60;p$#@62;$#@60;A href=http://www.blue1000.com/article/"tips.htm"$#@62;特殊技巧$#@60;/a$#@62;$#@60;/p$#@62;

$#@60;p$#@62;$#@60;A href=http://www.blue1000.com/article/"game.htm"$#@62;脚本游戏$#@60;/a$#@62;$#@60;/p$#@62;

$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menubar"$#@62;首页链接$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;tr$#@62;

$#@60;td class="menu" id=menulast$#@62;

$#@60;p$#@62;$#@60;a href="http://www.sohu.com"$#@62;搜狐$#@60;/a$#@62;$#@60;/p$#@62;

$#@60;p$#@62;$#@60;a href="http://www.imbug.com"$#@62;网虫乐园$#@60;/a$#@62;$#@60;/p$#@62;

$#@60;p$#@62;$#@60;a href="http://www.fanso.com"$#@62;化云坊$#@60;/a$#@62;$#@60;/p$#@62;

$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;!--下面这个行(tr)是为了美观而增加的,放置一个有着明暗相间条纹的图片在底格以修饰卡片框的底部,使之显得更精致更有整体感,具体的效果可见文章开头的例图。图片宽度只要1个象素足够,我们设其宽度为100%使之自动拉仲,如此一来图片的size小了,整个卡片框的宽度调整起来也方便--$#@62;

$#@60;tr$#@62;<

$#@60;td$#@62;$#@60;IMG height=10 src="http://www.blue1000.com/article/images/barbottom.gif" width="100%"$#@62;$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;/table$#@62;

$#@60;/td$#@62;

$#@60;!--上面是整个大表格的左窗格,下面为右窗格,用来放置浮动框架。浮动框架的HTML标记为iframe,在此设其width跟height都为100%以充满窗格。其src为框架内的HTML文件--$#@62;

$#@60;td valign="top" height="100%"$#@62;

$#@60;IFRAME src="http://soft.yesky.com/SoftChannel/72351167954485248/20000902/welcome.htm" width="100%" height="100%"

name="mainframe"$#@62;$#@60;/IFRAME$#@62;

$#@60;/td$#@62;

$#@60;/tr$#@62;

$#@60;/table$#@62;

$#@60;/body$#@62;

$#@60;/HTML$#@62;

ok,整个文件解说完毕,那个累啊#&*(@*(#

希望您能够一次看明白,真不明白的话可以先把代码拷出来存成HTML文件看看效果再参考一些文章琢磨琢磨。您也可以直接访问http://dhtml.home.sohu.com/carddemo.htm看看现成的效果。

责任编辑:admin
相关文章