随笔分类 - 小小demo

日常项目中的实用模块整理

canvas 创建颜色渐变柱状图

摘要：最终结果：代码：阅读全文

posted @ 2017-05-26 00:24 快乐的咸鱼阅读(584) 评论(0) 推荐(0)

canvas 创建渐变图形

摘要：使用渐变对象阅读全文

posted @ 2017-05-26 00:21 快乐的咸鱼阅读(227) 评论(0) 推荐(0)

视频作为背景的表单

摘要：最终效果：代码：、阅读全文

posted @ 2017-05-26 00:18 快乐的咸鱼阅读(235) 评论(0) 推荐(0)

正则匹配24小时数

摘要：阅读全文

posted @ 2017-05-21 00:29 快乐的咸鱼阅读(389) 评论(0) 推荐(0)

jquery 获取所有父元素

摘要：最终结果：代码：阅读全文

posted @ 2017-05-16 22:24 快乐的咸鱼阅读(2244) 评论(0) 推荐(0)

图片破碎效果

摘要：图片先显示而后化为颗粒、飞出、消失效果图：代码：阅读全文

posted @ 2017-05-10 15:43 快乐的咸鱼阅读(1581) 评论(0) 推荐(0)

图片破碎（1）分割图片

摘要：图片破碎（1）分割图片最终效果：完整代码：阅读全文

posted @ 2017-05-10 12:53 快乐的咸鱼阅读(294) 评论(0) 推荐(0)

升级版的全屏轮播图

摘要：具备的功能： 1、左右自动轮播 2、鼠标悬停在图片上时，停止轮播，移除时，开始轮播 3，点击导航圆点，移到响应位置图片，同时导航圆点有0.3秒的显示特效 4、鼠标移到屏幕左右时，出现线性渐变特效，点击，会左右移到图片最终结果图：完整代码：阅读全文

posted @ 2017-05-05 22:57 快乐的咸鱼阅读(655) 评论(0) 推荐(0)

带视觉差的轮播图

摘要：最终结果：代码：阅读全文

posted @ 2017-05-04 15:42 快乐的咸鱼阅读(557) 评论(0) 推荐(0)

cursor光标类型

摘要：今天早上在网上看到一篇关于光标类型的总结代码，很好，特定拿来：最终结果：代码：阅读全文

posted @ 2017-05-04 09:26 快乐的咸鱼阅读(1015) 评论(0) 推荐(0)

滚屏异步加载图片

摘要：阅读全文

posted @ 2017-04-28 18:35 快乐的咸鱼阅读(189) 评论(0) 推荐(0)

放大镜鼠标滑入鼠标滑轮放大

摘要：今天是周六，陪朋友逛了一天，回来就写代码，写到吐血了~~~ 最终效果：黄色部分有张遮罩层背景图代码：阅读全文

posted @ 2017-04-22 23:02 快乐的咸鱼阅读(498) 评论(0) 推荐(0)

利用事件冒泡实现简单的网页计算器

摘要：效果: 代码: 阅读全文

posted @ 2017-04-21 19:28 快乐的咸鱼阅读(379) 评论(0) 推荐(0)

canvas实现点击带水纹的按钮

摘要：咱今天在闲逛网页时,看到一个点击带水纹的按钮特效,尼玛,写的还挺好,先看效果: 于是就奔着升级版的拿来主义,别人的好东西,咱都要拿来滴,so,扒代码! 完整代码在最后,是经过我的改进优化滴. 在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用 offsetX/Y,不能用sc 阅读全文

posted @ 2017-04-21 18:30 快乐的咸鱼阅读(2753) 评论(0) 推荐(1)

js实现城市二级联动列表

摘要：这个是一个同事写的,我看着有用,就cv下来了. 程序功能主要逻辑是: 1.当一级标签市显示默认状态 '-请选择-'时,二级标签要隐藏 2.一级标签选中城市时,二级标签显示在页面,并列出响应市区 3.当一级标签选回默认状态时,二级标签隐藏阅读全文

posted @ 2017-04-19 20:24 快乐的咸鱼阅读(4123) 评论(0) 推荐(0)

js实现checkbox组全选和取消全选

摘要：做后台管理程序时,用到一个checkbox组的全选和取消全选的功能, 主要是逻辑上的坑,理清后大概是: 1.全选点击后,小弟1~4都要选上,点击取消,小弟们也要取消 2.只要有一个小弟取消时,全选要取消 3.当小弟都选上时,全选要选上阅读全文

posted @ 2017-04-19 20:16 快乐的咸鱼阅读(11496) 评论(0) 推荐(0)

js实现显示系统时间的表盘

摘要：核心: 1,document.styleSheets 修改css里的keyframes属性值 2,表针角度的计算最终显示效果: 阅读全文

posted @ 2017-04-19 19:01 快乐的咸鱼阅读(1511) 评论(0) 推荐(0)

模态框模型

摘要：技术难点: 1,如何保证遮罩层mask占满整个屏幕,并且锁定当前屏幕区 2,保证div元素垂直水平居中(我下篇文章有个小总结哦!在css3样式分类里) 运行结果: 阅读全文

posted @ 2017-04-17 20:34 快乐的咸鱼阅读(160) 评论(0) 推荐(0)