jQuery 阴影插件代码分享

236 阅读 0 评论 156 点赞

我是靠谱客的博主义气月饼，最近开发中收集的这篇文章主要介绍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> 