随笔分类 - JavaScript
JavaScript
摘要：安装GitHub GPT插件（如果有的话）：在VSCode扩展市场中搜索并安装GitHub GPT插件。该插件可能还不存在，如果是这样，你可能需要开发自定义的代码提示插件。在此假设有一个现有的插件可用。 安装VSCode：如果你还没有VSCode，首先要安装它。你可以从VSCode的官方网站（htt
阅读全文
摘要：在H5手机移动端网页上实现jquery公告无缝滚动 代码实力来自 http://h.leomei.com $(function() { var listPanel = $('.announcement ul'); var nubcers = 0; //向上滚动top值 function announ
阅读全文
摘要：采用js写的适用于手机端和网页PC端的标准弹框组件 来自于 http://h.leomei.com/ $('.confirm').click(function(){ $modal({ type: 'confirm', //弹框类型 'alert' or 'confirm' or 'message'
阅读全文
摘要：option = { backgroundColor: '#142468', title:{ //text: '实时旋转饼图' }, series: [ { type: 'pie', zlevel: 1, silent: true, /* radius 饼图的半径。可以为如下类型： number：直
阅读全文
摘要：请先引入百度echarts插件之后在使用 代码： var data = [ { name: "地铁一号线 https://www.lizicat.com/yihaoxian/", tooltip: { formatter: "{b}: 19999<br />" }, symbolSize: 0.1,
阅读全文
摘要：百度的echarts插件需要引入到页面内 var equipment = ['华为', '中兴', '爱立信', '索尼', 'www.remulu.com', 'www.edir.cn']; var project = ['华为', '中兴', '烽火', '阿尔卡特', '三星', 'tplin
阅读全文
摘要：使用前需要引用百度echarts.js文件和jquery.js option = { backgroundColor: '#142468', title:{ //text: '实时旋转饼图' }, series: [ { type: 'pie', zlevel: 1, silent: true, /
阅读全文
摘要：效果图如下： 具体代码： var data = [ {name:"1#电梯",floorCount:6,nowFloor:4,type:0},//0停在某一楼层，1上行，2下行,还没做 {name:"2#电梯",floorCount:7,nowFloor:1,type:1}, {name:"3#电梯
阅读全文
摘要：使用echarts插件之前需要引入百度的echarts插件js var uploadedDataURL = "/asset/get/s/data-1585799654003-46R-3f-c3.json"; //线条聚点 var geoGpsMap = { '1': [116.415, 39.915
阅读全文
摘要：使用前需要引入百度echarts插件，可以通过www.lizicat.com下载.echarts.js 具体效果如下： 参考代码。 var color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#00
阅读全文
摘要：使用引入百度echarts插件，需要引入阿里云的地区json 效果图 具体代码如下 // 地图代码 $(function () { if ($("#xizang_map").length <= 0) { return; } var xizang_map = echarts.init(document
阅读全文
摘要：使用的时候需要引入百度echartsjs.js文件 效果图 let data = { xData: ['花溪区', '南明区', '观山湖区', '钟山区', '六枝特区', '红花岗区', '汇川区', '遵义县', '西秀区', '平坝县', '玉屏县'], yData: [0.1, 0.15,
阅读全文
摘要：使用前引入百度echarts插件 代码如下： // 节点图标 let appSymbol = "path://M960 42.666667H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v896c0 12.8 8.533333 21.333333
阅读全文
摘要：页面需要引入百度echarts插件。 var uploadedDataURL = "/asset/get/s/data-1591343795436-TgLtkd9hN.json";可以使用阿里云提供的地图数据 /** 此版本通过设置geoindex && seriesIndex: [1] 属性来实现
阅读全文
摘要：首先需要引用百度ECharts.js最新版本，然后把下面代码里面的json数据改成阿里云的地图数据 /areas_v2/bound/500000.json 改变下面JS里相应的值即可使用。 效果如下： 详细代码： var uploadedDataURL = "/asset/get/s/data-15
阅读全文
摘要：参考代码： var uploadedDataURL = "/asset/get/s/data-1585799654003-46R-3f-c3.json"; //线条聚点 var geoGpsMap = { '1': [116.415, 39.915], '2': [116.448, 39.935],
阅读全文
摘要：使用前请先引入百度echarts.js最新插件 效果图如下： 具体代码如下： //跳转代码 myChart.on('click', function(params) { console.log(params.name); window.open(params.data.url); // window
阅读全文
摘要：用js css3制作跟随鼠标悬停网页彩虹泡泡，彩色渐变的气泡光标ui动画特效。 document.addEventListener('mousemove', function(e) { let body = document.querySelector('body'); let circle = d
阅读全文
摘要：使用前先引入百度echarts.js 效果如下 具体代码 var data = [{ value: 100, name: 'Chrome移动版', label: { color: '#fff' }, itemStyle: { }, emphasis: { itemStyle: { } } }, {
阅读全文
摘要：使用的时候引用一下jquery.js 具体代码如下： <div class="tablebox clearfix"> <table id="tableId" class="cui-table tbg" border="0" cellspacing="0" cellpadding="0" style=
阅读全文
