Welcome

首页 / 脚本样式 / JavaScript

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

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

Bootstrap精简教程中秋大放送

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

Node.js connect ECONNREFUSED错误解决办法

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

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

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

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

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

AngularJs 动态加载模块和依赖

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

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

2017-02-06 18
本文实例讲述了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 17
本文实例分析了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 18
本文实例分析了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 20
这里结合实例形式总结分析了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 19
本文实例讲述了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 18
本文实例分析了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 20
本文实例演示了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 19
本文实例讲述了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 19
本文实例分析了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 20
本文实例为大家分享了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...

jQuery实现简单的网页换肤效果示例

2017-02-06 20
本文实例讲述了jQuery实现简单的网页换肤效果。分享给大家供大家参考，具体如下：这里有4个文件：skin.html、blue.css、green.html、red.html，都放在同一目录下。1、skin.html<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...

JavaScript每天必学之事件

2017-02-06 19
其实这篇文章挺早之前就写了，但是由于sf保存方面的bug，所以当时写了一大堆，结果没保存，觉得这个没写完是个不小的遗憾，今天正好有空，就给补充下了，也正好给我的javascript学习总结做一个完结篇。这里，主要讨论一下js相关的事件——事件处理程序在DOM中定义了一些事件， 而响应某个事件的函数就叫事件处理程序（或事件侦听器）。事件处理程序的名字一般以“on”开头，例如：onclick等事件冒泡与捕获事件流指的是页面中接收事件的顺序，IE，火狐和chro...

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

2017-02-06 19
本文实例讲述了jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="conten...
<< 111 112 113 114 115 116 117 118 119 120 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图