css
blueswen
啊哈哈哈
展开
-
jquery class操作
jquery class操作addClass() removeClass ()hasClass() toggleClass()原创 2016-11-10 18:03:02 · 435 阅读 · 0 评论 -
解决子div撑不开父div
解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。方法一:推荐设置父div的overflow:hidden;方法二:父div结束前增加一个空div style=”clear:both;”.clear { clear:both;} 方法三:由方法二变换:转载 2016-11-10 17:13:25 · 10378 阅读 · 0 评论 -
超长单词、文本的显示(多行省略隐藏、单行省略隐藏、强制多行显示)
多行省略隐藏可根据实际情况变换height、-webkit-line-clamp的值/* 多行文字溢出隐藏并显示省略号,只支持webkit */.text-ellipsis { height:46px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clam原创 2016-11-10 17:30:06 · 625 阅读 · 0 评论 -
css动画
css动画属性transform:动作translate、rotate属性animation:一些已定义的简单动画显示/隐藏的方法:Jquery: slideDown() slideUp()jqueryUI: slide属性例:$("#item0").hide("slide", { direction: "left" }, 1000)原创 2016-11-10 17:40:51 · 216 阅读 · 0 评论 -
JS 获取屏幕,浏览器,网页高度宽度
clientHeight offsetHeight scrollHeight scrollTop scrollLeft offsetTop offsetLeftclientX offsetX原创 2017-03-27 14:19:37 · 302 阅读 · 0 评论 -
div居中问题
DIV左右居中需要固定div宽度body{ margin:0; padding:0; width:100%; height:100%;}div{ margin:0 auto; width:500px; height:auto;}DIV 上下左右居中缺点:需要固定宽高body{ margin:0; padding:0; width原创 2016-11-10 17:33:33 · 254 阅读 · 0 评论 -
鼠标hover事件“改变”图片
通过使用CSS的灰度滤镜改变图片的灰度值,让人产生图片在切换的错觉。适合hover事件前后图片内容不变的。img { filter: grayscale(100%); opacity: 0.6; }img:hover { filter: none; opacity: 1; }hover前hover时...原创 2018-06-20 14:19:38 · 6537 阅读 · 1 评论