antang1769-CSDN博客

转载 gulp前端自动化构建工具学习笔记（mac）

gulp是一个前端自动化构建工具，简单方便，学习起来也很方便。gulp是基于node.js的，所以首先要在电脑上安装node.js. 1：安装node.js 　　npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）； 2：安装cnpm；说明：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现...

2017-04-06 14:48:00 124

转载 Echarts基本图表的学习笔记

Echarts图表现在广泛的运用到网站中，移动端等，便于数据的展示。简单的记一下各种图表的基本用法。下边为饼图的基本用法： html代码：（需要一个容器来放图表，固定宽度和高度，不然图表无法显示） <div id="main" style="width: 1000px;height: 500px;"></div> json文件：（放一些假的数据用...

2017-03-21 11:32:00 152

转载 jQuery中$.ajax()用法

ajax用法基本用法： $.ajax({ type: "post", //请求方式分为post/get，默认为 "get"。 url: path + "/createDir", //发送请求的地址，默认为当前页地址。　　　 async：false， ...

2017-03-20 14:45:00 152

转载 jQuery实现淡入淡出轮播图带左右按钮及下方小圆点

2017新年，我的第一个工作日，对于jQuery掌握不成熟的我写了一个轮播图，鼓励我在新的一年加油工作，掌握新的知识。轮播图有自动播放功能，左右按钮切换图片，还有下方小圆点也可点击切换图片。代码写的不够成熟，请各位看官指出不足，共同进步(*^__^*)。 html代码 1 <body> 2 <div class="carousel"...

2017-02-08 16:21:00 360

转载 js解析XMl文件，兼容IE、Firefox、谷歌

[javascript] view plain copy loadXML = function(xmlFile){ var xmlDoc=null; var agent = navigator.userAgent.toLowerCase(); //判断浏览器的类型 /...

2016-04-29 17:17:00 207

转载 HTML<marquee>标签实现滚动公告通知、广告的效果

每当实现页面的时候遇到动态效果，首先想到的就是用js、jQuery插件来实现，之前为了实现公告通知从下往上轮播，搜了不少插件，但是都没有合适的，无意中搜到一个html标签<marquee></marquee>，可以实现这个滚动效果。说一下marquee的属性：　　behavior设定滚动的方式：　　　　alternate：来回滚动。　　　　scroll...

2016-03-29 10:05:00 3439

转载画太极

本文转载自http://www.w3cfuns.com/notes/17946/11314ff4bd9f708f3aa37a081eb1f957 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equi...

2016-02-29 17:38:00 131

转载让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

本文转载自：http://blog.csdn.net/chenhongwu666/article/details/41513901 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站，之前一直觉得bootstrap非常好，这次使用了bootstrap3,在chrome,firefox,safari,opera，360浏览器...

2016-01-19 13:32:00 68

转载 JavaScript实现斐波那契数列（兔子繁殖问题）

2016年的第一个工作日，用JavaScript实现了斐波那契数列数列，这个数列只要弄懂了规律是很好实现的。 HTML代码如下：1 <input type="text" value="" id="num"> 2 <button onclick="test()">提交</button><!--获取input框内的值，并调用函数计算兔子数量...

2016-01-04 13:55:00 788

转载 js解决文本框的placeholder属性失效的问题

曾经写页面的时候遇到过文本框的placeholder失效的问题，对js绝缘的我，果断求助欧巴帮忙，代码如下： 1 <textarea class="information-input-2" id="myinput" ></textarea> 2 <script language="JavaScript" type="text/javascri...

2015-12-30 14:34:00 491

转载文本溢出用省略号显示

文本溢出，分为单行文本溢出以及多行文本溢出，单行文本溢出css代码如下： 1 p{ 2 overflow:hidden;//超出部分隐藏； 3 white-space:nowrap;//强制不换行； 4 text-overflow:ellipsis;//超出部分用省略号显示； 5 } 多行文本溢出css代码如下： 1 div{ ...

2015-12-30 10:45:00 100

转载 css3实现单选、多选按钮改变其原生样式用图片代替

最近才开始写博客，所以把前几个月做项目时遇到的问题整理一下写出来，众所周知，表单中的一写元素原生样式不是很好看，项目中用到的时候需要优化，今天我就写一下单选按钮很多选按钮的样式的优化，首先自己要做出按钮选中之前的图片和按钮选中之后的图片。然后就是代码了。直接上代码：(代码比较多，这是我之前在做项目时样式都搬过来了，样式什么都是可以自己写的。) HTML代码结构如下： 1 &...

2015-12-30 09:57:00 422

转载 jauery+ajax实现滚动到页面底部时自动加载内容

第6天实现第二个小插件，在欧巴和百度的帮助下完成的。首先分析思路： 1、首先判断现在是否滚动到页面底部。获取当前滚动条到顶部的距离、文档高度、当前窗口浏览器高度。 2、滚动到底部时出现正在加载数据的动画，到数据加载完成时动画消失。 3、自动追加内容。这个要用到ajax。代码实现如下： HTML、JavaScript 1 <div id="tes...

2015-12-29 16:36:00 152

转载 js实现输入银行卡号隔四位添加一个空格

欧巴教我学习JavaScript的第二天，作为一个脚本绝缘体的我，实现了第一个小插件。首先分析思路： 1、实时监控输入input框内的值，计算value的长度，当输入到第四个数字后添加一个空格； 2、限制input框内只能输入数字和空格，这个需要用正则表达式来实现比较简单，然后限制输入值得最大长度是多少； 3、实现以上功能后你就会发现删除input框内值得时候出现一个问题，当你...

2015-12-25 16:20:00 330