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> <title>js自动下载文件到本地</title> <script language="javascript" type="text/javascript"> function InitAjax() { var ajax; if(window.ActiveXObject){ var versions = ['Microsoft.XMLHTTP', 'MSX
-
用js调用迅雷下载代码的二种方法
方法一: 复制代码 代码如下: html> </head> <script type="text/javascript"> //初始化迅雷插件 function InitialActiveXObject() { var Thunder; try { Thunder = new ActiveXObject("ThunderAgent.Agent") }catch(e) { try { Thunder=new ActiveXObject(&
-
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
随机推荐
- 正则表达式{n,m}量词(至少n次,最多m次)
- php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
- 关于MySQL外键的简单学习教程
- linux安装全中文管理面板教程(php+mysql)
- Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
- JQuery中的$.getJSON 使用说明
- 360安全卫士 3.0 正式版下载
- SQL Server误区30日谈 第11天 镜像在检测到故障后瞬间就能故障转移
- iis6+javascript Add an Extension File
- 让IE支持RGBa的背景色的代码
- WinForm中DefWndProc、WndProc与IMessageFilter的区别
- 百度最近不收站分析,为什么不收录你的站
- JavaScript使用指针操作实现约瑟夫问题实例
- Android短信操作常见协议和常用代码
- Python编程使用tkinter模块实现计算器软件完整代码示例
- Django+Vue实现WebSocket连接的示例代码
- Android实现微信右侧顶部下拉对话框
- 易语言给文件加密的方法
- 基于C++实现五子棋AI算法思想
- 详解如何在微信小程序开发中正确的使用vant ui组件