摘要: 主要就是用ellipsis来实现,必须有宽度和高度,必须写overflow: hidden;才能够实现哦 1、单行溢出隐藏 2、多行溢出隐藏 阅读全文
posted @ 2019-07-25 09:32 珊珊家的小孩 阅读(1481) 评论(0) 推荐(0) 编辑
摘要: 由于placeholder是html5的属性,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。 css代码如下 阅读全文
posted @ 2019-07-25 09:22 珊珊家的小孩 阅读(39059) 评论(0) 推荐(1) 编辑
摘要: 此效果指的是划过的和显示的内容不在划过的标题的内容里 效果如下 代码如下 阅读全文
posted @ 2019-07-15 10:53 珊珊家的小孩 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 此效果是避免滚动到固定位置多次添加的问题 阅读全文
posted @ 2019-07-15 10:33 珊珊家的小孩 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 先来看一下展示效果 代码如下: 阅读全文
posted @ 2019-07-15 10:20 珊珊家的小孩 阅读(789) 评论(0) 推荐(0) 编辑
摘要: 此主要是结局后台数据给的图片尺寸规格不统一的问题,不过也有缺点,如果图片的尺寸跟你要展示的尺寸差异过大,有可能看不到全图,只能看到中间的部分; 先看实现后的效果图 下面是完整的代码 阅读全文
posted @ 2019-06-17 09:50 珊珊家的小孩 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 注意:此滚动条样式不兼容IE 先来看下最后展示效果吧 具体代码如下 阅读全文
posted @ 2019-06-17 09:21 珊珊家的小孩 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 用样式控制文字居中显示 先看要实现的效果 代码如下 阅读全文
posted @ 2019-06-15 18:04 珊珊家的小孩 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 分为两个版本,一个是js版本,一个是jquery版本 viewer.js 可以自行去下载 官网的下载路径 https://viewerjs.org/getit/ 注意版本不同,有的版本不支持点击除图片和按钮外的空白处自动关闭放大的功能 先看图片放大的效果 一、先说js版本的 引入viewer.js 阅读全文
posted @ 2019-06-15 17:12 珊珊家的小孩 阅读(4250) 评论(1) 推荐(0) 编辑
摘要: 如果想带动画的滚动 阅读全文
posted @ 2019-06-15 08:58 珊珊家的小孩 阅读(387) 评论(0) 推荐(0) 编辑