随笔分类 -  js特效类

摘要:因为公司需要自定义两个轮播图联动,又不想引入第三方库,所以自己研究了下。 下面只是一个简单的轮播图,由此再拓展一下即可实现两个轮播图联动。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp 阅读全文
posted @ 2018-07-26 16:14 LIULIULIU666 阅读(893) 评论(0) 推荐(0) 编辑
摘要:引入的area.js: 阅读全文
posted @ 2018-03-01 10:08 LIULIULIU666 阅读(678) 评论(0) 推荐(0) 编辑
只有注册用户登录后才能阅读该文。
posted @ 2017-12-22 20:00 LIULIULIU666 阅读(15) 评论(1) 推荐(0) 编辑
摘要:主要思想: 使用canvas.toDataURL()方法将图片的绝对路径转换为base64编码. 一、图片在本地服务器: 二、跨域 最近做了一个项目用到了这个, html代码生成canvas然后生成图片。但是html里面的图片路径必须用base64.所以就找了这个东西。 这个测试分享给大家:链接:h 阅读全文
posted @ 2017-10-19 11:29 LIULIULIU666 阅读(14484) 评论(0) 推荐(0) 编辑
摘要:百度网盘地址 效果: 代码: 用插件生成的二维码。 阅读全文
posted @ 2017-10-18 22:43 LIULIULIU666 阅读(550) 评论(0) 推荐(0) 编辑
摘要:从网上找了个插件,自己整理了下思路,注释了下,感觉挺好的。分享给大家,百度网盘下载看看吧。链接:http://pan.baidu.com/s/1pKO0eRx 密码:hu35 效果: html代码: js代码: 阅读全文
posted @ 2017-10-18 11:31 LIULIULIU666 阅读(709) 评论(0) 推荐(0) 编辑
摘要:最近项目要用这样的效果,就从网上找了个插件,效果还不错 阅读全文
posted @ 2017-08-22 21:19 LIULIULIU666 阅读(1757) 评论(0) 推荐(0) 编辑
摘要:echarts刷新技巧: echartData.chear(); //当异步改变数据时,配合echartData .setOption(option)才会有动画效果 echartData.resize(); //当选项卡与echarts一起时,会出现图标宽度不适应,使用resize())即可完美解决 阅读全文
posted @ 2017-08-20 14:51 LIULIULIU666 阅读(6689) 评论(0) 推荐(0) 编辑
摘要:、 阅读全文
posted @ 2017-08-19 12:17 LIULIULIU666 阅读(629) 评论(0) 推荐(0) 编辑
摘要:上传图片时一般都需要预览,我一般用这两种方法来实现。base64编码可以直接上传到后台,后台解析下,得到的文件就会比较小了,省去了压缩图片这一步了。 阅读全文
posted @ 2017-07-24 13:56 LIULIULIU666 阅读(1995) 评论(0) 推荐(0) 编辑
摘要:从echart官网下载js,然后引入jq即可运行。足够简单应用了 关键词:echart控制:图标标题、数据标题、折线图、柱状图切换按钮、恢复刷新图表按钮、保存为图片按钮、坐标系控制、坐标数据、坐标倾斜角度、刻度位置、要显示的标线(平均值、最大值、最高点)、折线颜色、折线点颜色 itemStyle: 阅读全文
posted @ 2017-07-04 17:47 LIULIULIU666 阅读(3489) 评论(0) 推荐(0) 编辑
摘要:pc效果图: 移动端效果图: 代码直接上: css: 阅读全文
posted @ 2017-06-29 10:01 LIULIULIU666 阅读(658) 评论(0) 推荐(0) 编辑
摘要:帮朋友做的一个简单特效。一般情况下,用js插入标签,普通的触发事件对它是无效的,但是可以换种写法就行啦。 直接上代码啦,简单的东西 阅读全文
posted @ 2017-06-28 13:49 LIULIULIU666 阅读(4815) 评论(0) 推荐(0) 编辑
摘要:公司最近做的一个项目需要自定义修改文章,要求点击某段落后在其下方弹出选择框,选择要插入的内容。所以写了这个东西。比较粗糙,见谅! 直接上代码了,复制过去,改下路径就ok。global.css是样式清零的,加不加载无所谓 阅读全文
posted @ 2017-05-27 09:44 LIULIULIU666 阅读(1953) 评论(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 阅读(271) 评论(0) 推荐(0) 编辑
摘要:点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 阅读全文
posted @ 2017-04-24 14:33 LIULIULIU666 阅读(1896) 评论(0) 推荐(0) 编辑
摘要:test是RegExp的方法,参数是字符串,返回值是boolean类型。match是String的方法,参数是正则表达式,返回值是数组。 案例: 阅读全文
posted @ 2017-04-11 22:21 LIULIULIU666 阅读(7643) 评论(1) 推荐(2) 编辑

点击右上角即可分享
微信分享提示