- 博客(14)
- 收藏
- 关注
原创 jQuery翻牌子抽奖效果(已知结果)
描述:在八个紫色背景中随机点击一个,将抽中的礼物插入数组(另外七个礼物)中,注意事项:翻牌子效果 rotate样式存在iOS兼容问题,样式上注意层级加好。1s后其他七个翻转,剩余的七个礼物会按顺序填满其他七个位置。点击的位置翻转,展示礼物,
2022-10-25 16:06:13 622
原创 jQuery实现全选&全不选&非全选
1.点击全选 选中/取消所有复选框2.取消某一个复选框,全选按钮不选中3.勾选所有复选框后,全选按钮选中html<div> <div><input type="checkbox" name="checkbox" />复选框1</div> <div><input type="checkbox" name="checkbox" />复选框2</div> <d
2022-02-15 14:20:56 4398 5
原创 jQuery&animation实现漂流瓶扔和写动画效果
“捞一个” 和 “扔出去”,漂流瓶纯动画(jQuery&animation实现,移动端大小,单位rem)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g...
2022-01-18 10:49:03 1081 2
转载 tab导航条在 滑动/滚动 过程中的隐藏与展示,滑动/滚动 到页面最底部时展示
一个类似于微信导航的导航栏 需求:页面向上滑动/滚动时,底部导航消失; 页面向下滑动/滚动时,底部导航显示; 页面滑动/滚动到最底部时,导航展示 在https://www.cnblogs.com/theWayToAce/p/7144477.html这篇文章中找到的方法经过测试以后可用。// tab滑动效果var isStopScroolTimer=null;var topValue=nul...
2020-07-02 16:23:56 1010
原创 游戏三局两胜结果页面展示(提供双方每局的值)jQuery简单demo
例如:A和B双方PK三场得到的结果:A的值:1-2-3 B的值:2-1-3游戏规则:1>2>3>1问题:根据双方的值,把结果以及对应的胜、负、平局三种情况展示在页面上,如下简图解决:①首先要根据双方的值,处理一下PK结果区分胜(1)负(-1)平局(0) //用一个对象存放可能出现的9种结果,也可用es6...
2020-04-16 21:01:32 394
原创 前端面试后的面试官问题总结
在一个月的面试中总结了一些被问过的问题,有一些问题带有答案,有的没有写,括号里是网上找的对应的知识点。内容比较糙,可以在去面试的路上随便翻翻看,祝面试顺利第一家,电面1.computed和methods的区别:(https://www.cnblogs.com/widgetbox/p/8954162.html)当页面中有某些数据依赖其他数据进行变动的时候,可以使用计算属性。如果要...
2020-04-16 19:00:49 1667 4
原创 “会议室使用情况”实现周日历和日程,可新建日程,鼠标悬浮显示当日日程
直接上图: 使用的数据可通过请求后台拿到,数据格式有点复杂,取得中间的事件需要先获取横向会议室id,再获取纵向日期,两个维度对应上即可渲染,具体格式参考代码中的occupyInfo对象。 新建日程可请求接口,传给后台,不需要多做别的。周日历参考之前的文章(在vue中,实现上一周,下一周的选择(非插件)),该周日历效果来源(https://blog.csdn.n...
2019-04-25 17:41:29 2563 5
原创 fullcalendar样式改造
fullcalendar里默认是大表格,有日程事件显示在日期上,最近做了一个不一样的日期样式,项目中用了fullcalendar,所以就在此基础上做了一番改造,并把代码记录在这里,便于以后查询,效果如图所示:代码在此(vue项目):<template> <div class="schedule_box show_box"> &l...
2019-04-25 16:35:48 9173 6
转载 在vue中,实现上一周,下一周的选择(非插件)
因业务需要,需要在vue项目中做一个个性化的周表,查询了一些插件,基本上都是横向为周,纵向为时间点,改了半天均以失败告终。然后找到一篇js实现上下周的文章(https://blog.csdn.net/long5693525/article/details/51084944),作者随缘的一个人,放在vue项目中稍加改动,逻辑没有太看懂,但是效果有了,就暂时用着了以下是代码:<te...
2019-04-16 11:29:15 2447 4
原创 发票单(jQuery代码实现)
按照需求,用js代码做了一张发票单,技术含量不高,主要是样式细节,数据动态可替换,分享出来以供需要的童鞋参考,大佬的话。。。请假装没看见哦,欢迎指正,和广大菜鸟共同学习
2019-04-04 15:16:17 2711 1
原创 jQuery实现动态展示会议室的占用情况
会议室占用情况展示,效果图如上代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1
2019-03-13 17:26:56 1952
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人