当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 实现无干扰阴影效果 简单好用(附文件下载)

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

Javascript 中的 js 实现无干扰阴影效果 简单好用(附文件下载)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 129 ::
收藏到网摘: n/a

js实现无干扰阴影效果,简单好用,需要的朋友可以参考下。 插件(当然不知道算不算插件)使用说明:
1.加载文件
复制代码 代码如下:

<script type="text/javascript" src="Shadows.js"></script>

编写html:
复制代码 代码如下:

<div style="font: bold 32pt sans-serif;">
<span shadow = '3px 3px blue 5px 5px red 7px 7px green'>Shadow</span> |No Shadow
</div>

ok!
参数说明:
shadow/*属性名*/ = '3px/*阴影相对于要编辑的文字的位置*/ 3pxblue/*阴影颜色*/ 5px 5px red 7px 7px green'
效果图(此处参数为(shadow = '1px 1px blue 3px 3px red 5px 5px green')):
打包下载