随笔分类 -  js特效类

移动端滑动轮播，原生JS
摘要：因为公司需要自定义两个轮播图联动，又不想引入第三方库，所以自己研究了下。 下面只是一个简单的轮播图，由此再拓展一下即可实现两个轮播图联动。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp 阅读全文
posted @ 2018-07-26 16:14 LIULIULIU666 阅读(902) 评论(0) 推荐(0)
原生JS的地区二级联动，很好理解的逻辑
摘要：引入的area.js: 阅读全文
posted @ 2018-03-01 10:08 LIULIULIU666 阅读(694) 评论(0) 推荐(0)
自己做的一个6格输入框
只有注册用户登录后才能阅读该文。
posted @ 2017-12-22 20:00 LIULIULIU666 阅读(15) 评论(1) 推荐(0)
js把通过图片路径生成base64
摘要：主要思想： 使用canvas.toDataURL()方法将图片的绝对路径转换为base64编码. 一、图片在本地服务器： 二、跨域 最近做了一个项目用到了这个， html代码生成canvas然后生成图片。但是html里面的图片路径必须用base64.所以就找了这个东西。 这个测试分享给大家：链接：h 阅读全文
posted @ 2017-10-19 11:29 LIULIULIU666 阅读(14539) 评论(0) 推荐(0)
点击识别元素位置、生成显示二维码、下载二维码
摘要：百度网盘地址 效果： 代码： 用插件生成的二维码。 阅读全文
posted @ 2017-10-18 22:43 LIULIULIU666 阅读(562) 评论(0) 推荐(0)
九宫格抽奖
摘要：从网上找了个插件，自己整理了下思路，注释了下，感觉挺好的。分享给大家，百度网盘下载看看吧。链接：http://pan.baidu.com/s/1pKO0eRx 密码：hu35 效果： html代码： js代码： 阅读全文
posted @ 2017-10-18 11:31 LIULIULIU666 阅读(721) 评论(0) 推荐(0)
前端数字上涨动画特效
摘要：最近项目要用这样的效果，就从网上找了个插件，效果还不错 阅读全文
posted @ 2017-08-22 21:19 LIULIULIU666 阅读(1783) 评论(0) 推荐(0)
echart异步刷新图表，详细配置注释
摘要：echarts刷新技巧： echartData.chear(); //当异步改变数据时，配合echartData .setOption(option)才会有动画效果 echartData.resize(); //当选项卡与echarts一起时，会出现图标宽度不适应，使用resize（））即可完美解决 阅读全文
posted @ 2017-08-20 14:51 LIULIULIU666 阅读(6751) 评论(0) 推荐(0)
前端数字上涨动画特效
摘要：、 阅读全文
posted @ 2017-08-19 12:17 LIULIULIU666 阅读(645) 评论(0) 推荐(0)
input上传图片（file）,预览图片的两种方法。blob与base64编码
摘要：上传图片时一般都需要预览，我一般用这两种方法来实现。base64编码可以直接上传到后台，后台解析下，得到的文件就会比较小了，省去了压缩图片这一步了。 阅读全文
posted @ 2017-07-24 13:56 LIULIULIU666 阅读(2018) 评论(0) 推荐(0)
百度图表插件echart简单应用，简单配置一些要显示的样式及种类
摘要：从echart官网下载js，然后引入jq即可运行。足够简单应用了 关键词：echart控制：图标标题、数据标题、折线图、柱状图切换按钮、恢复刷新图表按钮、保存为图片按钮、坐标系控制、坐标数据、坐标倾斜角度、刻度位置、要显示的标线（平均值、最大值、最高点）、折线颜色、折线点颜色 itemStyle: 阅读全文
posted @ 2017-07-04 17:47 LIULIULIU666 阅读(3512) 评论(0) 推荐(0)
点击盒子选中里面的单选框，并给盒子添加相应样式，美化单选框、复选框样式css用法，响应式滴
摘要：pc效果图： 移动端效果图： 代码直接上： css： 阅读全文
posted @ 2017-06-29 10:01 LIULIULIU666 阅读(678) 评论(0) 推荐(0)
点击按钮添加一组下拉框，然后改变下拉框的值触发事件
摘要：帮朋友做的一个简单特效。一般情况下，用js插入标签，普通的触发事件对它是无效的，但是可以换种写法就行啦。 直接上代码啦，简单的东西 阅读全文
posted @ 2017-06-28 13:49 LIULIULIU666 阅读(4845) 评论(0) 推荐(0)
点击识别位置并在该位置下弹出选择框
摘要：公司最近做的一个项目需要自定义修改文章，要求点击某段落后在其下方弹出选择框，选择要插入的内容。所以写了这个东西。比较粗糙，见谅！ 直接上代码了，复制过去，改下路径就ok。global.css是样式清零的，加不加载无所谓 阅读全文
posted @ 2017-05-27 09:44 LIULIULIU666 阅读(1962) 评论(1) 推荐(0)
自定义弹框（手机端），定时消失
摘要：//文字弹框，1秒后消失 function txt_layer_glo(txt, time) { var txt_layer = " " + txt + ""; if ($("body .txt_layer").length > 0) { $(".txt_layer").show(); $(".txt_layer").text(txt); } else { $("body").append(... 阅读全文
posted @ 2017-04-24 15:11 LIULIULIU666 阅读(286) 评论(0) 推荐(0)
点击按钮显示隐藏DIV，点击DIV外面隐藏DIV
摘要：点击按钮显示隐藏DIV，点击DIV外面隐藏DIV 注意：此方法对touch事件不行，因为stopPropagation并不能阻止touchend的冒泡 阅读全文
posted @ 2017-04-24 14:33 LIULIULIU666 阅读(1906) 评论(0) 推荐(0)
正则验证，match（）与test（）函数的区别？
摘要：test是RegExp的方法，参数是字符串，返回值是boolean类型。match是String的方法，参数是正则表达式，返回值是数组。 案例： 阅读全文
posted @ 2017-04-11 22:21 LIULIULIU666 阅读(7661) 评论(1) 推荐(2)