2018年3月26日
导航一二级栏目，鼠标悬停及点击事件实现高亮
摘要： css:#newnav{ width: 100%; height: 45px; line-height: 45px; background: url(../images/nav_bg.jpg) 0 0 repeat-x; margin-top:30px; }.main-menu { width:12 阅读全文
posted @ 2018-03-26 10:45 风干记忆 阅读(336) 评论(0) 推荐(0) 编辑
页面滑动到一定距离导航固定及回到顶部
摘要： .fixednav { position: fixed; top: 0; left: 0; z-index: 1000;}<script> var nav = $("#newnav"); //得到导航对象 var win = $(window); //得到窗口对象 var sc = $(docume 阅读全文
posted @ 2018-03-26 10:45 风干记忆 阅读(219) 评论(0) 推荐(0) 编辑
input获取焦点软键盘弹出影响定位
摘要： 解决移动端底部fixed和input获取焦点软键盘弹出影响定位的问题$(document).ready(function() { var h = $(window).height(); $(window).resize(function() {//js写法：window.onresize=funct 阅读全文
posted @ 2018-03-26 10:43 风干记忆 阅读(232) 评论(0) 推荐(0) 编辑
网站页面多出&65279出现空白行的原因及解决方法
摘要： 模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279，导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 + BOM。 这种编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插 阅读全文
posted @ 2018-03-26 10:43 风干记忆 阅读(298) 评论(0) 推荐(0) 编辑
文本内容超出父元素一行或多行省略号代替
摘要： 单行文本溢出省略号overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 多行文本溢出： 第一种： .news_list li .news_text p{ line-height: 25px; max-height: 50px;/* 阅读全文
posted @ 2018-03-26 10:41 风干记忆 阅读(243) 评论(0) 推荐(0) 编辑
css弹性布局
摘要： ul { width: 100%; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-p 阅读全文
posted @ 2018-03-26 10:40 风干记忆 阅读(112) 评论(0) 推荐(0) 编辑
点击按钮复制某内容
摘要： <p id="copy" style="background-image:none;"> <img src="images/TiaoDong.png"> </p> <script> function copyArticle(event) { const range = document.create 阅读全文
posted @ 2018-03-26 10:39 风干记忆 阅读(264) 评论(0) 推荐(0) 编辑