
HTML
HTML
Jack_num1
行动是解决焦虑的唯一有效的方法,未来的美好由今天不懈追求的你而创造。
展开
-
百度富文本编辑器的使用
前言:百度富文本编辑器的使用一、引用富文本编辑器的JS文件 <script type="text/javascript" src="/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="/ueditor/ueditor.all.min.js"> </script> <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编...原创 2020-08-26 13:29:16 · 1301 阅读 · 0 评论 -
文字超出部分省略
一: title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 以上 CSS 适用于单行文字超出部分,显示「省略号」。如图: 二: title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } 以上方法适用于显示 3 行后,再添加「..转载 2020-08-19 17:38:42 · 212 阅读 · 0 评论 -
a标签点击出现阴影影响用户使用体验的解决方案
前言:在我们开发过程中,部分手机机型点击a标签会显示阴影部分,影响用户的使用体验。CSS配置即可:body{ -webkit-tap-highlight-color: rgba(0,0,0,0);}a{ outline:none; -moz-outline-style:none;}...原创 2020-08-19 17:33:12 · 665 阅读 · 0 评论 -
如何让图片在页面只显示部分?
CSS:.imgs{ float: left; margin: 10px 2%; width: 55.33%; height: 150px; overflow: hidden;}HTML<span class="whint imgs"> <img src="{$assure.assure_img}" id="task_jt_img" ></span>原创 2020-08-17 11:58:21 · 537 阅读 · 0 评论 -
返回上一页页面数据保存
用js写返回上一页是history.go(-1);刷新是location.reload();这两者放一起,就不行了,如果刷新放前边,返回上一页就不会执行,返回上一页放前边,刷新就不会执行,思考半天,用到了html5的localStorage本地存储来模拟cookie来进行判断,在需要返回的代码里写入”javascript:localStorage.refresh=1;history.go(-1);”,然后再返回到页面上边写上<script type=”text/javascript”>转载 2020-08-06 10:49:43 · 1749 阅读 · 0 评论 -
移动端H5页面顶部搜索栏悬浮
前言:在开发过程中,前端页面需要搜索信息,只有头部显示搜索框,想要搜索必须滑到顶部才能搜索。今天专门写个悬浮置顶的H5效果。1、前端html页面:<div class="top"><input type="text" name="keys" value=""><div>2、js代码操作引用jquery:<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">.原创 2020-07-22 11:37:10 · 2836 阅读 · 0 评论 -
HTML实现进度条效果
HTML<div class="progress" style="height: 80px;line-height: 80px;"> <span class="orange" style="width: 100%;"></span></div>CSS.progress { heigh原创 2019-01-09 18:13:24 · 5632 阅读 · 0 评论