效果案例 - 随笔分类 - 婧星

echarts点击柱状图时触发点击事件

摘要：项目需求:1.通过echarts把数据展示为柱状图2.点击对应的柱状图显示对应的弹窗主要用到的时 echarts中的 "click" 事件, 使用demo: 案例：效果图：阅读全文

posted @ 2019-11-19 15:50 婧星阅读(8099) 评论(0) 推荐(0)

sectionStorage与localStorage更新缓存，以及更新layui的数据缓存

摘要：利用layui进行数据缓存更新，主要代码如下阅读全文

posted @ 2019-08-05 18:56 婧星阅读(1163) 评论(0) 推荐(0)

js获取json的健与值

摘要：let myObj = { name: '张三', age: 18,sex:'女' } let tempArr = Object.keys(myObj) console.log(tempArr) for (let key in myObj) { console.log(key);//健 console.log(myObj[key]);//值 } 阅读全文

posted @ 2019-08-05 08:42 婧星阅读(4840) 评论(0) 推荐(0)

实现拖拽效果

摘要：使用jquery.drag.js插件比较方便快捷的实现拖拽,里面有封装好的插件链接: https://pan.baidu.com/s/1yv1jwIqgJeFBHO7lpJveyA 密码: ctdf 摘自http://www.aijquery.cn/Html/chajian/117.html 阅读全文

posted @ 2019-08-01 14:38 婧星阅读(175) 评论(0) 推荐(0)

js将文字转化为语音并播放

摘要：js将页面中的某些文字信息转化为语音并自动播放 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度地图将文字转化为语音并播放</title>  </head 阅读全文

posted @ 2018-11-10 17:46 婧星阅读(6757) 评论(1) 推荐(0)

js生成二维码

摘要：js生成二维码demo：运行结果： demo链接：链接：https://pan.baidu.com/s/1E_m5VfSDkNfvJPijRwh3SA 密码：66wb 阅读全文

posted @ 2018-11-10 16:31 婧星阅读(165) 评论(0) 推荐(0)

js计算本地时间

摘要：获取时间戳：方法一方法二： //时间戳function timediff($begin_time, $end_time) {var now = new Date().getTime()if ($begin_time < $end_time) {$starttime = $begin_time;$ 阅读全文

posted @ 2018-11-10 13:15 婧星阅读(302) 评论(0) 推荐(0)

正则判断支付金额

摘要：var regs = /(^0*(\.0*)$)/; var regs1 = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/; var regs2=/(\-)/; if (payMoney == "" || payMoney == "0" || !regs1.test(pay 阅读全文

posted @ 2018-11-07 10:51 婧星阅读(776) 评论(0) 推荐(0)

点击时出现某个样式，1s后移除该样式的案例效果

摘要：这里为了使效果更好的让用户体现出来，点击时添加的样式为background:yellow;1后移除该样式：案例demo为：运行结果：点击前：点击后，1s后变为蓝色：思路： 1.定义bgshow()函数，在函数中，先执行要的类名，通过setTimeOut 1s后移除该类名 2.在点击事件中调阅读全文

posted @ 2018-11-02 16:45 婧星阅读(523) 评论(0) 推荐(0)

转盘抽奖游戏

摘要：demo1： 1.通过设置CSS样式的position属性，z-index属性等实现背景图，转盘图与指针图的层叠摆放； 2、通过设置元素style.transform = "rotate(0deg)"实现旋转效果；代码：运行效果：点击抽奖转盘旋转素材： demo2：涉及知识点：贝塞尔曲线阅读全文

posted @ 2018-10-31 20:43 婧星阅读(931) 评论(0) 推荐(0)

随笔分类 - 效果案例