css
1登峰造极
菜鸟一枚
展开
-
css3实现简单的文字动画效果
随着css3的主键强大,以前很多用javascript写的特效好多都能用css来写了,这里给js不好的同学带来的很多方便, 话不多说,直接来上一个demo. html部分 不一样的WEB前端工程师 css部分.animate { font-size: 40px; margi原创 2017-10-25 23:04:38 · 24657 阅读 · 5 评论 -
jq封装好的弹窗,很好用
就当记事本 记下来 ,以后用直接打开可以直接下载demo 链接:https://pan.baidu.com/s/1hLeLtzaXPRy9Vbt5IIOGMw提取码:tjug复制这段内容后打开百度网盘手机App,操作更方便哦<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org...翻译 2019-03-21 14:48:20 · 732 阅读 · 0 评论 -
模仿boos的筛选,可以多选,点击添加背景,再次点击移除背景并且取消选中的
1.布局就随便乱写一点,根据自己的需要自己排版效果如图2.数组 splice用法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>筛选</title> <meta name="viewport"原创 2019-02-20 11:34:28 · 283 阅读 · 0 评论 -
史上最简单注释最全的原生js选项卡切换,一遍永久会写
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset='uft-8'&amp;gt; &amp;lt;title&amp;gt;史上最简单注释最全的原生js选项卡切换&amp;lt;/t原创 2019-01-23 10:04:05 · 640 阅读 · 1 评论 -
jq点击收藏在此点击取消
例如后台返回一个字段collectStatus 当status为ture显示…/…/image/classinfo/xx.png例如后台返回一个字段collectStatus 当status为false显示…/…/image/classinfo/x.png根据后台的状态前端来显示这个图片就行,当我们再次点击的时候如果没有收藏的点击就收藏切换成收藏的图片,反之…前端代码,根据不同...原创 2019-01-09 16:35:47 · 2228 阅读 · 0 评论 -
apicloud中的常用的小知识点
1.确认框 api.confirm({ title: '退出', msg: '点击确定退出程序', buttons:['确定', '取消'] },function(ret,err){ if(ret.b...原创 2019-01-18 11:55:23 · 926 阅读 · 0 评论 -
移动端选项卡切换带每一步的解析
**直接复制运行前提你的引进需要的东西**请使用Swiper3.x**效果图如下**![在这里插入图片描述](https://img-blog.csdnimg.cn/20181114180811220.png)<!DOCTYPE html><html> <head> <meta content="width=device-width, i...原创 2018-11-14 18:08:24 · 873 阅读 · 0 评论 -
-webkit-filter
wyy2018-webkit-filter-webkit-filter:CSS滤镜属性。可以在元素呈现之前,为元素渲染提供效果。常用于图像、背景、边框的渲染。语法:ele{-webkit-filter: none | blur(px) | brightness() | contrast() | grayscale() | hue-rotate(deg) | invert() | opac...原创 2018-11-13 15:50:03 · 823 阅读 · 1 评论 -
css模仿记事本输入完成一行自动换行
如图效果做项目遇到的一个坑,需要最某一个东西就行标注,需要如上图一样的效果,初始化一个高度的盒子,当点击的时候输入完成一行的时候,自动切换到下一行,当到达最后一行的时候,自动增加高度,,一开始觉得用input一排一排的来布局,输入满一行自动切换焦点,后来试试下,还是存在各种问题。后来利用contenteditable="true"此属性,给一个盒子添加此属性变可以输入文字, back...原创 2018-10-23 17:35:36 · 395 阅读 · 7 评论 -
js input连续输入回退连续删除 js input模仿移动端连续输入回退连续删除 全网只有一份
确实是全网找不到的例子,也确实是吹牛逼公司前端写了一点,但是存在ug当输入完四个,回退删了两个,获取的只剩下两个,我又天天补补了一下,直接上代码吧<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>模仿移动端的input连续输入回退删除</tit..原创 2018-09-19 22:10:02 · 1346 阅读 · 0 评论 -
css实现波纹回弹
css实现波纹回弹比如直接点击一个盒子,让他的背景像波纹一样<!DOCTYPE html><html><head><meta charset="UTF-8"><title>鼠标点击按钮呈现水波扩散效果</title><link href="css/style.css"转载 2018-08-16 15:25:16 · 688 阅读 · 0 评论 -
template-native.js模板渲染数据并根据条件渲染
模板的用法先看几个语法,反正我是跟看不清,多谢几层条件感觉要疯 循环&lt;% for(var i = 0; i &lt; target.length; i++){ %&gt;&lt;% } %&gt; 显示&lt;%=target[i].字段%&gt; 条件&lt;% if (value) { %&gt; ... &lt;%原创 2018-08-01 16:37:43 · 4651 阅读 · 0 评论 -
css实现六边形
拷贝的代码 顺便记录一下 效果图如下 <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3 实现六边形图片展原创 2018-07-26 10:14:16 · 3049 阅读 · 1 评论 -
css3实现小图标向下引导小箭头动态效果
css3实现小图标向下引导小箭头动态效果 网上转的 ,记录下来,方便下次用到<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty翻译 2018-07-26 09:58:08 · 18851 阅读 · 1 评论 -
css3背景晃动实现
<html> <head> <title>aaa</title> </head> <style> .banner { background-image: url(img/d-bg.png); width: 562px; ...原创 2018-07-25 17:00:10 · 1322 阅读 · 0 评论 -
jq动态拼接html,不用任何模板渲染,
当页面需要循环一个数组,然而你没有使用像vue v-for这样的循环的时候,也没有用其他模板喜渲染。直接举个例子 jq的方法静态页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态拼接html</title> </head>...原创 2019-07-12 11:27:11 · 2970 阅读 · 1 评论