前端开发
文章平均质量分 71
稀薄里夹杂
哈哈哈哈啊哈且code且珍惜
展开
-
第一次接触javascript脚本:进度条脚本
javascript,脚本,jQuery,前端封装组件原创 2016-03-18 17:11:17 · 469 阅读 · 1 评论 -
利用canvas+Chart.js实现动态折线图
有用highcharts做动态折线图的源代码,但是看了太麻烦,也不好diy。因此决定在原有的canvas+charts.js的基础上做动态折线图。第一步当然加载记得加载所需要的Chart.js第二步是用js创建出canvas对象,this.canvas = document.createElement('canvas'); this.ctx = this.canvas.getConte原创 2016-09-20 16:11:51 · 11668 阅读 · 0 评论 -
jquery-ui-datepicker组件done
html-file:jQuery Datepicker jQuery Datepicker 输入框 结果测试: css-file:body { font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size:翻译 2016-03-30 09:19:21 · 517 阅读 · 0 评论 -
jquery折线图组件终极版
html文件: 折线图 javascript文件:/*--------------------------传入参数示例---------------------------------*/function ProcessBar(Parament) { var labe = Parament.labels; var dat = Parament.data; va原创 2016-03-30 09:14:51 · 1178 阅读 · 0 评论 -
利用chart函数实现折线图
html文件: 折线图 css文件:.Container{ top:300px; left:50px; width: 400px; height: 200px; position: absolute; background: #99ff99; }.circle { width: 100%; height: 100%; positi原创 2016-03-28 17:30:17 · 1800 阅读 · 0 评论 -
canvas实现环形进度条
html文件: 进度条 -->设置进度值: 设置颜色值: css文件:.Container { position: absolute; width: 150px; height: 150px; top: 100; left: 100;}#test { width: 50%; he原创 2016-03-28 17:23:33 · 1226 阅读 · 0 评论 -
利用js、jQuery和css实现环形进度条组件封装
效果图:html: 进度条 设置百分比: 设置颜色: 设置文本: js:function ProcessBar() { this.Container = $(""); this.Container.addClass("Container"); this.circle = $(""); this.circle.addClass("ci翻译 2016-03-22 17:17:57 · 1926 阅读 · 0 评论 -
js进度条脚本封装完结
效果图:html文件: 进度条 设置进度值: javascript文件:function ProcessBar() { var num; // 创建整体的div this.boardDiv = $(""); this.boardDiv.addClass("boardDiv"); this.foreDiv = $("");原创 2016-03-22 09:27:04 · 512 阅读 · 0 评论 -
js进度条组件封装完结版
代码:html文件: 进度条 设置进度值: js文件:function ProcessBar() { var num; // 创建整体的div this.boardDiv = $(""); this.boardDiv.addClass("boardDiv"); this.foreD原创 2016-03-22 09:23:26 · 824 阅读 · 0 评论 -
javascript中构造函数、对象、原型关系
function Foo1(){ this.name1 = '1';}function Foo2(){ this.name2 = '2';}Foo2.prototype = new Foo1();function Foo3(){ this.name3 = '3';}Foo3.prototype = new Foo2();var foo3 = new Foo3();原创 2017-03-01 15:51:18 · 409 阅读 · 1 评论