JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery实现可拖拽的许愿墙效果【附demo源码下载】

2017年02月06日 41 阅读

本文实例讲述了jQuery实现可拖拽的许愿墙效果。分享给大家供大家参考，具体如下：运行效果图如下：这里简单介绍下功能点：① 随机显示背景图或背景色② 出现的位置随机③ 可以通过拖拽改变位置好了，附上代码：<！doctype html><html lang="en"><head><meta charset="UTF-8"/><title>许愿墙</title><link rel="...

什么是JavaScript注入攻击？

2017年02月06日 42 阅读

Javascript可以作为黑客攻击网站的一种工具，其中注入js（javascript）恶意脚本就是其中一种手段之一，那么下面，大家来学习一下如何预防js的注入攻击呢?以下有一个不错的陈述，跟大家分享:什么是 JavaScript 注入攻击？每当接受用户输入的内容并重新显示这些内容时，网站就很容易遭受 JavaScript 注入攻击。让我们研究一个容易遭受 JavaScript 注入攻击的具体应用程序。假设已经创建了一个客户反馈网站。客户可以访问...

jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】

2017年02月06日 41 阅读

本文实例讲述了jQuery实现带遮罩层效果的blockUI弹出层。分享给大家供大家参考，具体如下：首先先附上代码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en...

AngularJS 指令的交互详解及实例代码

2017年02月06日 37 阅读

背景介绍这例子是视频中的例子，有一个动感超人，有三种能力，力量strength，速度speed，发光light。这三种能力作为三种属性，定义动感超人作为一个标签，只要添加对应的属性就能拥有该能力。为了便于结果的展示，为标签添加鼠标的响应事件，当鼠标移动到对应的标签上就会触发一个方法，打印出具备的能力。程序分析 html部分的代码如下： <div><superman>nothing！</superman&g...

Bootstrap精简教程中秋大放送

2017年02月06日 37 阅读

bootstrap 的学习非常简单，并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。bootstrap中文网：http://v3.bootcss.com/bootstrap提供了三种类型的下载：用于生产环境的 Bootstrap编译并压缩后的 CSS、JavaScript 和字体文件。不包含文档和源码文件。Bootstrap 源码Less、JavaScript 和字体文件的源码，并且带有文档。需要 Less 编译器和一些设置工作。...

Node.js connect ECONNREFUSED错误解决办法

2017年02月06日 39 阅读

最近在准备Angularjs +node.js demo的时候在我的mac开发中遇见此错误，如下：events.js:71throw arguments[1]; // Unhandled "error" event^Error: connect ECONNREFUSEDat errnoException （net.js:770:11）at Object.afterConnect [as oncomplete] （net.js:761:19）最后在stac...

js点击按钮实现水波纹效果代码（CSS3和Canves）

2017年02月06日 41 阅读

近来看到个不错的按钮点击效果，当点击时产生一次水波涟漪效果，挺好玩的，于是简单的实现了下（没考虑低版本浏览器兼容问题）先看看效果吧，如下图（录制gif软件有点渣，看起来卡卡的...）这种效果可以由元素内嵌套canves实现，也可以由css3实现。Canves实现网上摘了一份canves实现的代码，略微去掉了些重复定义的样式并且给出js注释，代码如下html代码：<a class="btn color-1 material-design" data-c...

基于JS+Canves实现点击按钮水波纹效果

2017年02月06日 38 阅读

近来看到个不错的按钮点击效果，当点击时产生一次水波涟漪效果，挺好玩的，于是简单的实现了下（没考虑低版本浏览器兼容问题）先看看效果吧，如下图（录制gif软件有点渣，看起来卡卡的...）这种效果可以由元素内嵌套canves实现，也可以由css3实现。Canves实现网上摘了一份canves实现的代码，略微去掉了些重复定义的样式并且给出js注释，代码如下html代码<a class="btn color-1 material-design" data-co...

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案

2017年02月06日 38 阅读

UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器，具有轻量，可定制，注重用户体验等特点，基于MIT协议，功能很强大。最近在使用的过程中发现其中上传的图片（或者插入已有的表情包图片）都无法正常缩放，选中图片，用鼠标点击并拖动图片边沿的小标签，图片只能缩小不能放大。尝试过很多方法都没办法解决，甚至检查了js源码，也没有发现有任何异常的地方。后来无意中发现页面上引入了Bootstrap，而Bootstrap默认将box-sizing样...

AngularJs 动态加载模块和依赖

2017年02月06日 37 阅读

最近项目比较忙额，白天要上班，晚上回来还需要做Angular知识点的ppt给同事，毕竟年底要辞职了，项目的后续开发还是需要有人接手的，所以就占用了晚上学习的时间。本来一直不打算写这些第三方插件的学习笔记，不过觉得按需加载模块并且成功使用这个确实是个好处，还是记录下来吧。基于本兽没怎么深入的使用requireJs，所以本兽不知道这个和requireJs有什么区别，也不能清晰的说明这到底算不算Angular的按需加载。为了实现这篇学习笔记知识点的效果，我们需要...

Javascript函数中的arguments.callee用法实例分析

2017年02月06日 36 阅读

本文实例讲述了Javascript函数中的arguments.callee用法。分享给大话公大家参考，具体如下：<！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">...

Javascript中函数名.length属性用法分析（对比arguments.length）

2017年02月06日 35 阅读

本文实例分析了Javascript中函数名.length属性用法。分享给大家供大家参考，具体如下：<！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"><he...

jQuery中show与hide方法用法示例

2017年02月06日 37 阅读

本文实例分析了jQuery中show与hide方法用法。分享给大家供大家参考，具体如下：<！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>...

jQuery中slidedown与slideup方法用法示例

2017年02月06日 39 阅读

这里结合实例形式总结分析了jQuery中slidedown与slideup方法用法。分享给大家供大家参考，具体如下：<！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"&...

jQuery中fadein与fadeout方法用法示例

2017年02月06日 38 阅读

本文实例讲述了jQuery中fadein与fadeout方法用法。分享给大家供大家参考，具体如下：<！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"><he...

jQuery使用animate实现ul列表项相互飘动效果示例

2017年02月06日 38 阅读

本文实例分析了jQuery使用animate实现ul列表项相互飘动效果。分享给大家供大家参考，具体如下：<！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"><...

jQuery实现磁力图片跟随效果完整示例

2017年02月06日 40 阅读

本文实例演示了jQuery实现磁力图片跟随效果。分享给大家供大家参考，具体如下：<！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><...

jQuery实现的右下角广告窗体跟随效果示例

2017年02月06日 36 阅读

本文实例讲述了jQuery实现的右下角广告窗体跟随效果。分享给大家供大家参考。具体如下：<！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>...

jQuery插件easyUI实现通过JS显示Dialog的方法

2017年02月06日 37 阅读

本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下：<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><title></title><script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javasc...

js完整倒计时代码分享

2017年02月06日 40 阅读

本文实例为大家分享了js倒计时代码，供大家参考，具体内容如下<html><head><title>倒计时测试</title> <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script langu...

首页 / 脚本样式 / JavaScript

jQuery实现可拖拽的许愿墙效果【附demo源码下载】

什么是JavaScript注入攻击？

jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】

AngularJS 指令的交互详解及实例代码

Bootstrap精简教程中秋大放送

Node.js connect ECONNREFUSED错误解决办法

js点击按钮实现水波纹效果代码（CSS3和Canves）

基于JS+Canves实现点击按钮水波纹效果

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案

AngularJs 动态加载模块和依赖

Javascript函数中的arguments.callee用法实例分析

Javascript中函数名.length属性用法分析（对比arguments.length）

jQuery中show与hide方法用法示例

jQuery中slidedown与slideup方法用法示例

jQuery中fadein与fadeout方法用法示例

jQuery使用animate实现ul列表项相互飘动效果示例

jQuery实现磁力图片跟随效果完整示例

jQuery实现的右下角广告窗体跟随效果示例

jQuery插件easyUI实现通过JS显示Dialog的方法

js完整倒计时代码分享