注册 | 登录
收藏 | 帮助
热门文章
编辑推荐
相关文章  
没有相关文章
您现在的位置: 顶尖设计 >> 网页设计 >> 网页特效 >> 文章正文
图片控制的渐变色文字(2)
作者:未知  来源:未知  点击:  更新:2005-7-12
演示中小阳用了以下这幅图片:


  这是很简单的动画,只是元件位置的移动而已,自己做一个也不难吧。下面介绍实现的代码:
<!-- 第一步,设置背景图片。我们把它的尺寸设到最小,因为它会被“撑大”。黑色背景的设置是为防止图片加载错误时文字看不到 -->
<div style="background:url(mcolor.gif);background-color:#000000;width:1;height:1">

<!-- 第二步,用Chroma()滤镜把红色设为透明色。为了只是文字透明,我们设置了白色的背景色作掩盖 -->
<div STYLE='FILTER:Chroma(color=#FF0000);background-color:#FFFFFF;width:1;height:1;'>

<!-- 第三步,把文本输入框的文字颜色设为红色 -->
<input type="text" name="text" size="25" style="color:#FF0000;border:1px solid #000000;" value="这是输入框中的渐变色文字" >

<!-- OK,结束所有标签 -->
</div>


</div>







  • 上一篇文章:
  • 下一篇文章:
  • 分享此文:该页面添加到 Mister Wong 添加到雅虎Yahoo!收藏 Add to:Del.icio.us Post to Furl Digg this 添加到Google书签 reddit spurl blogmarks 365Key 评论  收藏  分享  打印
     我来说两句
    姓名:       验证码:   
    主页: 
    评分: 1分 2分 3分 4分 5分
    本频道近期热评文章:
      关于我们 | 联系我们 | 站点地图 | 广告投放 | 友情链接 | 在线留言 | 版权申明
    版权所有 © 2004-2007 顶尖设计(bobd.cn)
    未经授权禁止转载,摘编,复制本站内容或建立镜像. 沪ICP备07504942号 
    网络110
    报警服务