＞
设为首页
＞
收藏本站
＞
最新电影
首页
运营资讯
今日英语
图形图像
计算机技术
Asp编程
网站结构化
资源共享
休闲娱乐
访问新站
您现在的位置：
首页
=>
后台技术
=>
脚本特效
=>
文本特效
订阅本栏目
文字阴影效果
时间： 2007-11-29 13:46:27 阅读次数：1367
文字阴影效果
<html> <head> <title>网页特效|www.ffasp.com 飞飞Asp乐园|---加入阴影的文字</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <style type="TEXT/CSS">.cool { BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-SIZE: 9pt } A { TEXT-DECORATION: none } A:hover { COLOR: #ff9900; TEXT-DECORATION: underline } TD { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } TH { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } BODY { FONT-SIZE: 9pt; LINE-HEIGHT: 13pt } .FDropShadow { FILTER: DropShadow(Color=#CCCCCC, OffX=8, OffY=8, Positive=1) } .FShadow { FILTER: Shadow(Color=#99CCFF, Direction=135) } </style> </head> <body leftMargin="0" link="#6699FF" topMargin="0" vLink="#6699CC"> <center> <table cellPadding="0" cellSpacing="0" width="100%"> <TBODY> <tr> <td vAlign="top"><table cellPadding="0" cellSpacing="0" width="694"> <TBODY> <tr> <td vAlign="top" width="10"></td> <td vAlign="top" width="10"></td> <td height="22" vAlign="top" width="664"> <table cellPadding="0" cellSpacing="0" class="hs" width="100%" border="1" style="border-collapse: collapse" bordercolor="#111111"> <TBODY> <tr> <td align="middle" height="15"><font face="隶书" size="5"><strong>文字</strong><b>加入阴影(</b>CSS样式<b>DropShadow)</b></font></td> </tr> <tr vAlign="top"> <td> <pre>代码如下： <font color="#009999"><STYLE TYPE="TEXT/CSS"> .FDropShadow{ filter: DropShadow(Color=#CCCCCC, OffX=8, OffY=8, Positive=1)} </STYLE> </font>上面代码中"<font color="#009999">FDropShadow</font>"只是自定义的一个CSS样式。请把它放到<head></head>之间 第二部分代码放到<body></body>间: <font color="#009999"><TABLE WIDTH="220" HEIGHT="79" <font color="#ff9933">CLASS="FDropShadow"</font>> <TR> <TD HEIGHT="80"><IMG SRC="CUTS192.JPG" ALIGN="MIDDLE" WIDTH="180" HEIGHT="60"></TD> </TR> </TABLE></font></pre> <p>上面代码中<font color="#009999">CLASS="F_DropShadow"</font> 不在是放到图片里。而是放到表格里。<br> 这是要足够的空间给图片产生这种效果。<br> 如果改为下面代码将不能看到效果。<br> <font color="#009999"><IMG SRC="CUTS192.JPG" ALIGN="MIDDLE" WIDTH="180" HEIGHT="60" <font color="#ff9933">CLASS="FDropShadow"</font>></font> <br> <br> 这种效果可以用在文字上。 <br> </p> <table bgColor="#cccccc" width="75%"> <TBODY> <tr bgColor="#ffffff"> <td width="24%"><b>DropShadow参数</b></td> <td width="64%">说明</td> <td width="12%">数值范围</td> </tr> <tr bgColor="#ffffff"> <td width="24%">Color</td> <td width="64%">颜色</td> <td width="12%"></td> </tr> <tr bgColor="#ffffff"> <td width="24%">OffX</td> <td width="64%">X偏移量</td> <td width="12%">0~</td> </tr> <tr bgColor="#ffffff"> <td width="24%">OffY</td> <td width="64%">Y偏移量</td> <td width="12%">0~</td> </tr> <tr bgColor="#ffffff"> <td width="24%">Positive</td> <td width="64%">选择“0”时是在内部加入阴影 "1"是在外面加阴影</td> <td width="12%">0 或 1</td> </tr> </TBODY> </table> <p><br> 上表参数请自行测试！<br> <br> 另外文字<b>阴影</b>效果:<br> </p> <table class="FShadow" height="36" width="42%"> <TBODY> <tr align="middle"> <td height="25"><b><font size="3">飞飞Asp乐园 永远是您的朋友！</font></b></td> </tr> </TBODY> </table> <p>这个效果还不错吧。CSS样式如下:<br> <br> <font color="#009999"><STYLE TYPE="TEXT/CSS"><br> .F_Shadow{ filter: Shadow(Color=#99CCFF, Direction=135)}<br> </STYLE></font><br> <br> <font color="#009999">Shadow</font>效果有两个参数分别如下:<br> <font color="#009999">Color</font> : 颜色 <br> <font color="#009999">Direction</font> : 角度<br> </td> </tr> </TBODY> </table> </td> </tr> </TBODY> </table> </td> </tr> <tr align="right"> <td><hr> <p> </td> </tr> </table> </center> </body> </html>
提示：您可以先修改部分代码再运行
飞!飞Asp技术乐园
站内搜索
：
标题
内容
下一篇
胡乱跳动的文字
上一篇
字幕滚动效果
本栏目最新
栏目最新列表
用层模拟可移动的小窗口
图片间停式无缝滚动
繁简体文字转换工具
点击会高亮的文字
中文文字的多种排列方式，倒排，倒写竖排，
网站优化策划
栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准（没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新
站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布，
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画：如何写出
历史最热10条信息
MIME介绍 及
[
1
] [
2
] [
3
]
巧用Google和迅雷来下载
Transact SQL 常
[
1
] [
2
]
VIA Rhine II Fast Ethe
电脑常用端
[
1
] [
2
] [
3
]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句：A friend and
每日一句：Theres no tu
经典__悟透JavaScript
伟哥博客
西安房产
123最新电影
三四六四
关于站点
|
免责声明
|
联系站长
|
网站地图
|
陕ICP备07002804号
WEB技术QQ交流群：72840059
©2007 ffasp.com. 版权所有
