各种Js插件使用方法整理
文章平均质量分 90
本专栏整理各种Js插件的使用方法,包括图表插件HighCharts、ECharts,EasyUI系列UI插件,My97DatePicker日期拾取插件等。后面还会补充其他插件,包括Zrender网页动画渲染插件,Handlebars Js模版插件。
火雨_Nick
喜欢IT和机械
展开
-
Html5用户注册自动校验
抽时间写了一个带有自动校验功能的Html5用户注册Demo。使用到Handlebars模板技术和手机验证码校验。 以下是效果截图: 1.页面代码:usersRegister.hbs 用户注册 body { font原创 2016-05-23 16:40:20 · 14615 阅读 · 0 评论 -
趣味博客杂谈
每次看到大神的博客,总感觉各种高大上,花了一天时间,终于捣鼓出了个样子。 以下我的博客园博客为例,简单展示一下我的成果。 我的博客园博客处理效果截图:http://www.cnblogs.com/wp5719/ 由于没有js权限,没能引入一些插件,添加诸如流量统计,为我的GitHub点星,一键分享,打赏等功能。 以后还会继续完善我的博客页面,让她更加美观。原创 2016-05-21 20:59:36 · 1232 阅读 · 0 评论 -
简单谈谈ES6的十大特性
简单谈谈ES6的十大特性 本文转载自AlloyTeam:点击打开链接 鹅厂美丽的前端小编,文章总结的超棒。 附一篇我最敬佩的大神阮叔的一本ES6入门书籍《ECMAScript 6入门》 链接地址:http://es6.ruanyifeng.com/ ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特转载 2016-05-16 22:34:00 · 13603 阅读 · 3 评论 -
CSS3颜色渐变模式总结
CSS3颜色渐变模式总结 1.线性渐变:linear-gradient 语法: = linear-gradient([ [ | to ] ,]? [, ]+) = [left | right] || [top | bottom] = [ |]? 下述值用来表示渐变的方向,原创 2016-04-23 15:03:46 · 14755 阅读 · 1 评论 -
CSS3绘制8种超炫的加载动画
CSS3绘制8种超炫的加载动画 逛前端开发网站的时候,偶尔发现一组非常炫酷的CSS3加载动画,遂迫不及待的做个Demo保存下来。 这些加载动画用到了CSS3的旋转transform属性,颜色透明度设置和伪元素操作等CSS技术。奇妙的组合,产生了意想不到的效果。 1.上下起伏波动的加载动画: #loader1, #loade原创 2016-04-20 23:00:58 · 11786 阅读 · 0 评论 -
CSS3实现32种基本图形
CSS3实现32种基本图形 css3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用css3画出这些图形,要比贴图节省带宽,是一种非常好的网页美观方式。 这32种图形分别为圆形,椭圆形,三角形,倒三角形,左三角形,右三角形,菱形,梯形,长方形,正方形,圆环,平行四边形,五角星,六角星,五边形,六边形,八边形,心形,蛋形,无穷符号,消息提示框,钻石,八卦图,食豆转载 2016-04-18 21:21:36 · 16374 阅读 · 8 评论 -
使用CSS3旋转DIV
使用CSS3旋转DIV 参加某公司的前端工程师笔试,遇到以下问题。 请完成以下填空,使得id为loading的div每1秒转1圈并无限循环。 #loading{ width:100px; height:100px; position:absolute; animation:circling__linear 0s __;原创 2016-04-17 23:37:36 · 11837 阅读 · 2 评论 -
十条非常有用的jQuery代码片段
本文转自:http://developer.51cto.com/art/201604/509093.htm 作者:核子可乐译来源:51CTO 原文标题:10 jQuery Snippets for Efficient Web Development JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库转载 2016-04-13 23:41:07 · 7412 阅读 · 2 评论 -
网页错误页提示码汇总及使用示例
网页错误页提示码汇总及使用示例 Web项目中总会遇到对错误页面的设计,好的错误页面处理,会让软件体验更佳,可以帮助运维人员了解基本错误信息,更好的维护软件。当然从底层避免错误是更好的软件开发方式,但我们很难避免软件一些非常隐性的Bug。 以下对网页错误页提示码进行汇总,并对最常见的404错误给出示例页面Demo。 2xx- 成功:这类状态提原创 2016-04-01 15:53:25 · 4787 阅读 · 0 评论 -
自定义Js温馨提示窗
自定义Js温馨提示窗 自己写的Js温馨提示窗,实现鼠标点击图片弹出提示信息,鼠标点击关闭按钮,提示窗消失。基本上全用JQuery代码写成,小巧灵活,可以应用到很多Web项目中。 以下是实现效果截图: 具体Test.jsp文件如下:<%@ page language="java" contentType="text/html; ch原创 2016-03-23 21:30:39 · 2693 阅读 · 2 评论 -
layer弹窗自定义及向父页动态传参
layer弹窗自定义及父页动态传参 做项目中需要用到弹出框在父页面内弹出对话框供用户选择信息,然后将用户选择传回父页面的需求。查找网上资料,发现layer弹窗插件是个好东西,能完美的实现本人需要的功能。以下写一个小Demo记录下来,以便以后查找。 首先从官网下载js插件包。 layer官网:http://layer.layui.com/原创 2016-03-23 14:45:02 · 19616 阅读 · 0 评论 -
纯CSS3绘制26个英文字母
纯CSS3绘制26个英文字母 在这里你看到的26个标准的英文字母并不是普通的字体,它们是用CSS在空白的页面上绘制出来的,纯css作品。主要运用了CSS3里的多个新变换功能,需要使用最新的浏览器进行观赏。 网页代码中用到( )和Div边距设置和浮动(margin:20px 5px 10px 80px; float: left;)。其中边距Margin四个像素原创 2016-03-20 19:52:15 · 3410 阅读 · 0 评论 -
HTML5酷炫动画集锦
HTML5酷炫动画集锦 本人搜集了一些用HTML5实现的酷炫动画Demo。在这里进行展示,以供大家借鉴参考: 1.HTML5 Canvas圆盘抽奖: 实现效果截图:http://www.html5tricks.com/html5-canvas-choujiang.html 2.jQuery/CSS3实现小原创 2016-02-25 14:44:51 · 14039 阅读 · 2 评论 -
网页页面NULL值对浏览器兼容性的影响
网页页面NULL值对浏览器兼容性的影响 最近做项目中一个页面中的input radio出现浏览器兼容性问题。 主要问题: 在谷歌浏览器,360急速模式和搜狗急速模式中给radio初始动态赋值时,checked属性失效,无法选中。注:360急速模式和搜狗急速模式使用了谷歌chorme的内核(又称webkit内核)。原创 2016-03-16 10:31:27 · 3206 阅读 · 0 评论 -
My97DatePicker日期范围限制
My97DatePicker日期范围限制1.动态时间范围限制: 可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限制日期范围,还可以通过{}进行表达式运算,如:{%d+1}:表示明天。格式说明%y 当前年%M 当前月%d 当前日%ld转载 2016-03-09 15:30:34 · 14700 阅读 · 0 评论 -
ECharts地图使用
ECharts地图 人口迁徙原创 2015-11-03 23:00:49 · 15007 阅读 · 1 评论 -
Easyui Datagrid使用小例
Easyui Datagrid使用小例 写一个Easyui Datagrid的使用小例子供大家参考: 废话不多说,直接贴代码: 1. 页面部分代码:techInfoList.jsp pageEncoding="UTF-8"%>//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/原创 2015-10-18 23:27:19 · 2358 阅读 · 0 评论 -
HighCharts 曲线
HighCharts 曲线 项目中使用HighCharts作曲线,写此博客,供大家切磋学习。 HighCharts是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散原创 2015-11-03 23:26:40 · 1604 阅读 · 0 评论