加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

经典教程;制作滤镜菜单

(2006-10-15 10:08:36)
分类: 情感生活类一览众群山小
效果预览:
经典教程;制作滤镜菜单


代码介绍:
本代码是有两部分组成,一部分是构成菜单的表格代码,一部分是表格的CSS代码.

制作步骤:
首先在空白面板源代码编辑状态下输入CSS代码:
<STYLE type=text/css>
#xiaobt {filter:wave(add=False,freq=1,lightstrength=50,phase=50,strength=1)"}
</STYLE>

样式是波浪,freq是频率,lightstrength是光的强度,phase是波形形状(0-360),sthength是振幅.这些都可以自行设定.使用默认亦可.

然后输入表格的代码:
<TABLE id=xiaobt borderColor=#cccccc height=27 cellSpacing=-2 borderColorDark=#cccccc cellPadding=-2 width=500 bgColor=#f5f5f5 borderColorLight=#999999 border=1>
<TBODY>
<TR align=middle>
<TD vAlign=bottom><A class=shadow href="地址1" target=_blank>地址名称1</A></TD>
<TD vAlign=bottom><A class=shadow href="地址2" target=_blank>地址名称2</A></TD>
<TD vAlign=bottom><A class=shadow href="地址3" target=_blank>地址名称3</A></TD>
<TD vAlign=bottom><A class=shadow href="地址4" target=_blank>地址名称4</A></TD>
<TD vAlign=bottom><A class=shadow href="地址5" target=_blank>地址名称5</A></TD>
</TR></TBODY></TABLE>
bordercolor是边框颜色(跟bgcolor搭配),
bordercolordark是暗边颜色(跟bordercolor相同即可),
bordercolorlight是亮边颜色(跟bordercolor相同即可),
bgcolor是背景颜色(改变颜色代码即可改变菜单的总体颜色,大家自行修改),
border是边框宽度(0-1适宜),
地址名称1.2.3...就是连接的名字,例如效果图的就分别是主页,留言,论坛
地址1.2.3...就是点击地址名称转到的地址.(希望在原窗口打开把相应地址后面的target=_blank删除即可)
其他参数为长宽缩进等均无需修改.

然后用定位代码就可以了.为了照顾初学者,下面给出一套完整的参考代码;包括定位,CSS,菜单表格.直接复制到空白面板使用即可.适合1024*768分辨率
<STYLE type=text/css>
#xiaobt {filter:wave(add=False,freq=1,lightstrength=50,phase=50,strength=1)"}
</STYLE>
<DIV style="LEFT: 117px; POSITION: absolute; TOP: 190px" align=center>
<TABLE id=xiaobt borderColor=#cccccc height=27 cellSpacing=-2 borderColorDark=#cccccc cellPadding=-2 width=500 bgColor=#f5f5f5 borderColorLight=#999999 border=1>
<TBODY>
<TR align=middle>
<TD vAlign=bottom><A class=shadow href="http://blog.sina.com.cn/m/xiaobt" target=_blank>主页</A></TD>
<TD vAlign=bottom><A class=shadow href="http://blog.sina.com.cn/m/xiaobt" target=_blank>技术</A></TD>
<TD vAlign=bottom><A class=shadow href="http://blog.sina.com.cn" target=_blank>新浪3</A></TD>
<TD vAlign=bottom><A class=shadow href="http://siname.name/" target=_blank>草根</A></TD>
<TD vAlign=bottom><A class=shadow href="http://siname.name/bbs" target=_blank>论坛</A></TD>
</TR></TBODY></TABLE></DIV>

为了保护代码可用性和保护版权,请不要擅自修改教程未提及的部分.否则后果自负.
来自:星爷

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有