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>

赞 (0)

相关推荐

  • 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&g

  • jQuery 动画效果代码分享

    一．显示.隐藏 jQuery 中显示方法为:.show(),隐藏方法为:.hide().在无参数的时候,只是硬性的显示内容和隐藏内容. $('.show').click(function(){ //设置个触发事件 $('#box').show(); //显示 }); $('.hide').click(function(){ //设置个触发事件 $('#box').hide(); //隐藏 }); 在.show()和.hide()方法可以传递一个参数,这个参数以毫秒(1000 毫秒等于 1 秒钟)

  • Jquery幻灯片特效代码分享--鼠标点击按钮时切换（1）

    Jquery幻灯片特效代码分享--鼠标点击按钮时切换（1）

    本文实例讲述了jQuery实现时尚漂亮的幻灯片特效,基本能满足你在网页上使用幻灯片(焦点图)效果.分享给大家供大家参考.具体如下: 幻灯片效果描述:用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换.   运行效果截图如下: 具体实现代码: <head> <title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="text/javascript&qu

  • Jquery幻灯片特效代码分享--鼠标滑过按钮时切换（2）

    Jquery幻灯片特效代码分享--鼠标滑过按钮时切换（2）

    这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,具体如下 幻灯片效果描述:用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换. 自定义切换参数效果:向下切换.切换时间为8秒.鼠标滑过按钮时切换   运行效果截图如下: 具体代码如下 <head> <title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2

  • Jquery幻灯片特效代码分享--打开页面随机选择切换方式（3）

    Jquery幻灯片特效代码分享--打开页面随机选择切换方式（3）

    这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,需要的朋友可以参考下 幻灯片效果描述:与前两节不同的是,这款特效可以打开页面随机选择切换方式(方向)   运行效果截图如下: 具体代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <

  • 时钟Jquery+html5特效代码分享（可设置闹钟并且语音提醒）

    时钟Jquery+html5特效代码分享（可设置闹钟并且语音提醒）

    本文实例讲述了Jquery+html5可设置闹钟并且会语音提醒的时钟特效.分享给大家供大家参考.具体如下: 这是一款基于Jquery+html5实现可设置闹钟并且会语音提醒的时钟特效代码,超逼真的模拟时钟,最大的特点还可以语音提醒,感兴趣的小伙伴们快来研究研究. 运行效果图:-------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的Jquery+html5实现可设置闹钟并且会语音提醒的时钟

  • 23个超流行的jQuery相册插件整理分享

    23个超流行的jQuery相册插件整理分享

    这些jQuery插件包括演示.文档说明等,欣赏吧! 1. Galleriffic 下载与文档 查看演示 2. jPhotoGrid 下载与文档 查看演示 3. Galleria 下载与文档  查看演示 4. YoxView 下载与文档 查看演示 5. Micro Image Gallery 下载与文档 查看演示 6. AD Gallery 下载与文档 查看演示 7. slideViewerPro 下载与文档 查看演示 8. Galleryview 下载与文档 查看演示 9. Pikachoose

  • jquery cookie插件代码类

    提供方便方法操作cookie : 复制代码 代码如下: $.cookie('the_cookie'); // 获得cookie $.cookie('the_cookie', 'the_value'); // 设置cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain:

  • 遍历jquery对象的代码分享

    复制代码 代码如下: $("dd").bind("click",function(e){ var $obj = $(e.target); var i=0; for (var x in $obj){ i++; var $hr=(i%5==0) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: 0 length prevObject c

  • jQuery提示效果代码分享

    jQuery提示效果代码分享

    代码一: 复制代码 代码如下: <p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p> <p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p> <

随机推荐