![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 77
【拾光静好 微微一笑】
用力只能做到及格,用心才能做到优秀
展开
-
layui问卷调查插件 问题列表插件 新增列表 选项插件
效果图先给各位大佬呈上效果图:大致描述使用到的工具有 JQ、Layui样式主要的功能是:1、新增问题、删除问题;2、新增选项、删除选项;3、保存时获取列表内容;4、无列表的时候显示新增按钮主要代码// html部分<div id="question-list"> <div class="line-btn add-first-item" style="display: none"> <button原创 2020-11-23 15:11:55 · 1555 阅读 · 1 评论 -
超好用的js 日历插件 日期插件 日期日历选择控件
前情提要:主要是目前项目较小,仅需要一个日历插件,就没有选择引用UI框架,单纯找了一个日历插件,外观相对简单大方,还不错,而且只需要2步就可以完成引入:第一步(有2种方式引入,支持单独引入文件及npm引入):1、官网下载压缩包文件打开官网: layDate日期插件官网网址2、第二种方式npm安装:npm install layui-laydate第二步:获得 layDate 文...原创 2020-01-15 18:26:27 · 1650 阅读 · 0 评论 -
swiper视频轮播 swiper4无缝轮播视频特效 swiper4无限轮播视频特效
swiper视频轮播首先看效果图(快速播放了),主要功能包括左右按钮,1、上一个和下一个视频缩小比例并添加蒙层。2、可以按钮切换,点点切换,手滑动切换。3、点击视频播放,切换视频,停止播放。完整代码完整代码见github ,如果是符合你想要的,欢迎点赞❤...原创 2019-10-14 17:18:14 · 2768 阅读 · 1 评论 -
css 实现div不可点击样式cursor: not-allowed
1、对于css 实现div不可点击状态,红圈圈形状不可点击样式 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190619104400608.jpg)cursor: not-allowed;2、不可点击状态,但是显示箭头样式cursor: not-allowed;pointer-events: none;...原创 2019-06-19 10:45:02 · 8141 阅读 · 0 评论 -
去除滚动条 去除滚动条样式 css修改滚动条样式
如何去除滚动条并保留滚动功能 1、首先如果是超出其中一边滚动,另一边不能滚动的话,可以直接写明超出某一边的样式,比如:overflow-y:scroll 2、如果是两边都可以滚动的话,就给父级添加伪元素 ::-webkit-scrollbar,比如:.box{ overflow: scroll}.box::-webkit-scrollbar{ display none}...原创 2019-06-14 10:24:51 · 10593 阅读 · 4 评论 -
input输入框输入缓存值后背景问题,清除黄色背景
在项目中遇到输入框只要输入缓存值就会变成黄色背景,手动输入就是正常,只需要添加下面一行代码即可解决哟,拿走不谢,原创 2019-05-13 15:34:34 · 1150 阅读 · 0 评论 -
animate.css 在 vue 脚手架中结合wow.js的应用方法详细介绍
简介众所周知,animate.css是非常优秀的CSS3动画库,不依赖于jQuery,纯CSS动画,但是不兼容IE8及以下版本,就算用jq控制,性能也不是很好。wowjs向下滚动页面时显示CSS动画。默认情况下,您可以使用它来触发animate.css动画。但您可以轻松地将设置更改为您喜欢的动画库。wowjs好处:比其他JavaScript视差插件更小,比如Scrollorama(它们做...原创 2019-09-10 14:25:43 · 1562 阅读 · 6 评论 -
css 实现跑马灯/走马灯无缝衔接 js实现无缝滚动图片
先上效果图首先呈上效果图,主要是针对图片跑马灯效果(请忽略我的快速播放和录屏图标)具体实现方式目前我需要展示6张图片,但是为了实现无缝衔接,我的列表放了12张(放2遍图片),这样就不至于在切换时出现那么几毫秒的跳动。<div id="swiper-roll-wrapper"> <div id="swiper-roll"> <d...原创 2019-10-09 18:07:19 · 5171 阅读 · 0 评论 -
animate调整动画持续时间 修改动画持续时间 修改动画延迟时间
如何使用animate.css 修改动画持续时间真的是炒鸡简单一句话搞定!!在你的class名中添加 animation-duration: 1.5s;.your-classname { animation-duration: 1.8s; //动画持续时间完成 animation-delay: 2s; //动画延迟多久才开始 animation-iteration-count...原创 2019-10-09 18:15:07 · 4129 阅读 · 1 评论