js 实现无干扰阴影效果 简单好用(附文件下载)
插件(当然不知道算不算插件)使用说明:
1.加载文件
<script type="text/javascript" src="Shadows.js"></script>
<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')):
打包下载
相关推荐
-
JS实现点击下载的小例子
复制代码 代码如下: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <a href="a.txt" id=pic1 onclick="savepic();return false;" style="cursor:hand">点击下载</a>
-
用js调用迅雷下载代码的二种方法
方法一: 复制代码 代码如下: html> </head> <script type="text/javascript"> //初始化迅雷插件 function InitialActiveXObject() { var Thunder; try { Thunder = new ActiveXObject("ThunderAgent.Agent") }catch(e) { try { Thunder=new ActiveXObject(&
-
js自动下载文件到本地的实现代码
复制代码 代码如下: <html> <head> <title>js自动下载文件到本地</title> <script language="javascript" type="text/javascript"> function InitAjax() { var ajax; if(window.ActiveXObject){ var versions = ['Microsoft.XMLHTTP', 'MSX
-
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 7p
-
js使用DOM操作实现简单留言板的方法
本文实例讲述了js使用DOM操作实现简单留言板的方法.分享给大家供大家参考.具体分析如下: 如图所示简易留言板,也就是自娱自乐版,说白了就是练习DOM操作. 要点一:document.createElement("标签名") 新建元素 要点二:父元素.appendChild("元素") 把新建的元素插入到页面的标签中(在标签的最后一个显示),这样才会在浏览器中显示出来 要点三:父元素.insertBefore("元素","要插入哪个元
-
js调用屏幕宽度的简单方法
如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co
-
js 判断各种数据类型的简单方法(推荐)
了解js的都知道, 有个typeof 用来判断各种数据类型,有两种写法:typeof xxx ,typeof(xxx) 如下实例: typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 object typeof (function(){}) 输出 function typeof undefined 输出 und
-
js实现在网页上简单显示时间的方法
本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
-
JS实现的N多简单无缝滚动代码(包含图文效果)
本文实例讲述了JS实现的N多简单无缝滚动代码.分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次. 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对margin或padding的叠加机制,会导致滚动出现"跳跃".稳妥的办法是套一个内联元素,然后再在里面设置margin或者padding! 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2
-
js实现弹窗居中的简单实例
在一些页面中,我们总会遇到一些弹窗不居中的时候,还要根据浏览器的大小来调整弹窗的弹出位置, 之前我也遇到这样的问题,现在我把我知道的呈现给大家 css样式 .windowBox{ width:500px; } .mid-tanBox{ position: fixed; top: 50%; left: 50%; margin-left: -250px; background: #fff; border:1px solid red; display:none } html代码 <div class=
-
关于原生js中bind函数的简单实现
今天继续研究了bind函数的实现,也知道了shim和polyfill的说法,现在总结一下, if (!Function.prototype.bind) { Function.prototype.bind = function (oThis) { if (typeof this !== "function") { // closest thing possible to the ECMAScript 5 internal IsCallable function throw new Typ
-
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
准备知识 GMT(Greenwich Mean Time) - 格林尼治时间.UTC(Universal Time Code) - 国际协调时间.PST(Pacific Standard Time,太平洋标准时间). UTC出现的比GMT时间晚,可以认为UTC时间更加精确,不过它们之间只相差几秒钟. UTC开始时间为:1970-01-01T00:00:00.000Z(这种时间设置可以一直精确到毫秒,字母T和Z仅仅是一种格式) UNIX时间戳指的是从1970-01-01T00:00:00.000Z
-
JS之获取样式的简单实现方法(推荐)
基本代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:yellow; } </style> </head> <body> <div style="width:100
随机推荐
- 百度HI QQ和MSN 阿里旺旺贸易通MSN在线客服在线聊天代码
- 第6天:XHTML代码规范
- jQuery中的on与bind绑定事件区别实例详解
- AngularJS初始化静态模板详解
- Asp.Net使用Npoi导入导出Excel的方法
- php下清空字符串中的HTML标签的代码
- php中二维数组排序问题方法详解
- PHP simple_html_dom.php+正则 采集文章代码
- vue实现全选、反选功能
- js判断生效时间不得大于失效时间的思路及代码
- Oracle密码错误次数过多账号锁定的问题(推荐)
- C经典冒泡排序法实现代码
- jQuery实现鼠标划过展示大图的方法
- Jquery中LigerUi的弹出编辑框(实现方法)
- JavaScript设置、获取、清除单值和多值cookie的方法
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- C#中使用1.7版本驱动操作MongoDB简单例子
- javascript自动给文本url地址增加链接的方法分享
- Android Retrofit实现多图片/文件、图文上传功能
- 浅谈Postman解决token传参的问题