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阴影效果示例代码