Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery 阴影插件代码分享

jQuery 阴影插件代码分享

发布时间:2013-06-06   编辑:www.jquerycn.cn
jQuery 阴影插件代码分享,需要的朋友可以参考下。
jquery 阴影插件代码分享,需要的朋友可以参考下。
XP下 FF/遨游3/IE8/IE6(IETester)中的效果
使用方法:
1.先引用jquery,然后引用jquery.textshadow.js(点击下载)
2.给元素加个"text-shadow:x偏移 y偏移 模糊半径 阴影颜色;"的样式(必须,因为插件里面会去找这个样式) 3.给元素应用jquery插件.
4.OK.
复制代码 代码如下:

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="jquery.textshadow.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#test').textShadow();
});
  </script>
</head>
<body>
<div id="test" style="font-size:50px;text-shadow:2px 2px 0px #666;">
测试1下带Shadow的文字.
</div>
</body>
</html>

您可能感兴趣的文章:
canvas如何设置阴影?canvas设置阴影的方法
photoshop制作逼真的弥散阴影效果教程
使用HTML5 Canvas绘制阴影效果的方法
photoshop调出阴郁蓝冷色人像效果后期调色教程
css3特效 box-shadow制作loading图教程
开发人员最常用的HTML5/CSS3代码生成器
CSS3给div或者文字添加阴影(盒子阴影、文本阴影的使用)
Photoshop调出阴雨天气日系小清新调色教程
基于 Jquery Masonry + imagesLoaded 插件实现瀑布流布局
jquery实现div阴影效果示例代码

[关闭]