html+css
关注
分享
扫一扫
文章平均质量分 69
judy_1118
这个作者很懒，什么都没留下…
展开
-
JavaScript 时间戳
目录1、JavaScript 的时间对象转换为时间戳1.1、时间对象转时间戳的 5 种写法1.2、获得当前时间的时间戳1.3、获得 10 位数的时间戳2、JavaScript 的时间戳转换为时间对象1、JavaScript 的时间对象转换为时间戳1.1、时间对象转时间戳的 5 种写法在 JavaScript 中，将时间对象转换为时间戳的方法有 5 种，示例如下：// 定义一个时间对象 dt，然后依次演示各种将 dt 转换为时间戳的写法var dt = new Date("2019-07-04 23转载 2021-02-22 10:35:02 · 392 阅读 · 0 评论 -
css数字/文字滚动效果
效果：原理利用伪类，开始的时候给本来的内容盖住，然后执行动画。设置宽高，宽就是单个内容（比如数字中的一位数）的宽，让内容一行一个的排成列。动画就是让这些内容一个个的往上升，造成一种滚动效果最后露出原来的内容（原来的内容和伪类里的内容是同样的样式）代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>数字滚动</title> <style原创 2020-12-31 14:39:01 · 2685 阅读 · 0 评论 -
移动端判断手机横竖屏
CSS判断横屏还是竖屏1.写在同一个css文件中@media screen and (orientation: portrait) {/*竖屏 css*/}@media screen and (orientation: landscape) {/*横屏 css*/}注意：@media screen不能打印，@media print是只能打印，@media就都可以2.分开写在2个CSS中竖屏：<link rel="stylesheet" media="all and (orien转载 2020-11-10 11:45:04 · 374 阅读 · 0 评论 -
js列表拖拽更换顺序（有序号可删除）
插件官网：http://www.sortablejs.com/index.html思路：1、有一个函数用来往列表里填东西2、function showSelected() { console.log( hasSelected ); let html = ''; hasSelected.forEach((selected, index) => { html += `<li&g原创 2020-11-05 17:01:09 · 1450 阅读 · 0 评论 -
swiper的使用+指定跳转
下载首先官网链接：https://www.swiper.com.cn/在官网点击【获取swiper】–【下载swiper】–选择相应的文档进行下载使用将下载的swiper解压缩，然后会发现有很多文件在官网点击【在线演示】–【swiper基础演示】，选择自己想实现的效果，比如：选择了基础滑动(010)，则去解压缩的swiper文件夹里，找到demos文件夹，其中的010开头的html文件,就是这个效果，找到对应的css和js（一般在dist文件夹里），引入到自己的代码中，将010里面的原创 2020-11-03 16:32:04 · 2994 阅读 · 0 评论 -
个人常用的css动画总结（持续更新）
目录定义动画中心360°旋转闪烁（透明度）快速闪烁“无”过渡呼吸灯（放大缩小）弧线出现页面上移100%上下反复移动定义动画中心.anim_center { transform-origin: 50% 50%;/*定义动画的旋转中心点*/ -ms-transform-origin: 50% 50%;/* IE 9 */ -webkit-transform-origin: 50% 50%;/* Safari 和 Chrome */ -moz-transform-origin: 50% 50%;/*原创 2020-11-03 15:04:27 · 1491 阅读 · 0 评论 -
div文字超出隐藏并显示...（单行+多行）
//单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;//多行display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;/*显示几行*/overflow: hidden;转载于：这个https://zhidao.baidu.com/question/497598493326280564.html?fr=iks&word=转载 2020-08-03 17:27:02 · 3040 阅读 · 0 评论 -
用img把图片放在页面上，图片之间出现空隙/白边问题
如标题，直接用img在页面上放图片，在已经写了*{ margin:0; padding:0;}之后还会发现两张图片之间有缝隙（白边），如下图：这种情况只需要给那个img设一个img{ display:block;}就可以解决，效果如下图：可以看到白边已经没有了...原创 2020-07-29 11:53:00 · 2009 阅读 · 0 评论 -
addEventListener is not a function报错
1、不是id，获取不到唯一一个给想要监听的那个元素加一个id就可以了2、js和jq连用addEventListener是js的写法，如果你在前面写$("#id")的话当然获取不到可以写成 $("#id")[0]或者document.getElementById(“id”)...原创 2020-07-27 14:00:33 · 13070 阅读 · 1 评论 -
去掉select边框箭头自己设
自测兼容ie初衷思路代码初衷上次整出来过一次但没记录，这次又用到忘了怎么整的又整了半天，长记性了，趁还没忘记下来，好找思路首先是有一个select下拉框和一张你想设置为新的箭头的图片如果想点击图片触发下拉框，需要将图片放进下拉框范围内(定位)，将图片透过下拉框露出来的同时，让下拉框的优先级高于图片，这样看着像是点击图片，其实是点击的下拉框对于下拉框，我们需要去掉的是将select的边...原创 2019-11-26 10:06:04 · 974 阅读 · 0 评论 -
js中设置td样式不好使，ie浏览器td不能铺满表格问题解决
js中设置td样式不好使，ie浏览器td不能铺满表格问题解决可能性1：属性名称写错可能性2 : 因为是td啊~会写这个是因为昨天发现直接设定的td宽为100%在ie浏览器里面竟然没横向铺满表格，就想着在js里设置一下，结果遇到了这个问题。解决后做个备注，下次遇到还能来找找。可能性1：属性名称写错有一些属性中间是带小横杠的，比如margin-top，在js中设置此类属性时需要去掉横杠，且横杠后...原创 2019-11-15 11:31:47 · 825 阅读 · 0 评论 -
css隐藏滚动条又可以滚动
css隐藏滚动条又可以滚动（亲测有效）前几天因为隐藏滚动条又得能滚动这个功能搜了挺长时间，本来就用的iframe，两个滚动条真的丑爆了！后来看好多帖子再加上帖子下面的回帖各种试才整出来，今天又整理了一下，先写上省得自己下次又忘了<!DOCTYPE html><html><head> <title></title> <st...原创 2019-08-29 11:15:19 · 189 阅读 · 0 评论