摘要：
日常项目中，遇到列表有虚线的情况 一行文字后面有虚线，占位不下，则显示 省略号，但是后面还需要显示 虚线 <ul class="dashed-list"> <li> <span class="span-text text-lt">201年06月28日 系统停机升级</span> <span clas 阅读全文
posted @ 2017-09-18 22:09
乐少007
阅读(282)
评论(0)
推荐(0)
摘要：
最近项目中，做到了表格类似的表单 左边是标题，右边是输入框，由于种种和项目相关原因，我们采取了div布局 div label input*2div里面有1个input,有的时候,遇到日期,会有2个input,为了美观，左右对齐，自适应采取了flex布局，这里的坑是，input有最小值，开始给inpu 阅读全文
posted @ 2017-09-09 21:59
乐少007
阅读(301)
评论(0)
推荐(0)
摘要：
日常项目中，有复选框checkbox 以及单选框 radio的 问题比如：点击文字选中 复选框 及单选框 之前都是使用了<input type=""/><label></label> 现在我们使用新的方法来实现<label><input type="checkbox" title="英语">英语</ 阅读全文
posted @ 2017-09-09 17:14
乐少007
阅读(403)
评论(0)
推荐(0)
摘要：
鼠标悬浮显示文字半透明背景 鼠标悬浮头像，出现文字“上传头像”，之前都是使用< a title="上传头像"></a>这样的title来实现现在设计稿，是在头像上面，显示的大号字体的文字，且有一层黑色遮罩层第一想法是，多写一个层，悬浮时候，出现即可多想一步，使用css的content:"",来实现c 阅读全文
posted @ 2017-08-15 19:59
乐少007
阅读(1142)
评论(0)
推荐(0)
摘要：
加密解密td 继可编辑的表格之后，项目中有需求，要表单有加密解密的效果，针对不想让用户轻易看见的文字内容 这里，单从前端展现上，来解析一下布局，样式，可编辑效果之前文章已实现，这里附件也内含效果demo下面主要是加密解密的前端展现效果jq片段,仅此留存记忆<td data-content="盛世花城 阅读全文
posted @ 2017-07-26 21:53
乐少007
阅读(204)
评论(0)
推荐(0)
摘要：
6位数密码输入框 不管是PC端还是移动端，经常会有这样的，密码输入框 这里采取。6个li占位，上面覆盖一个 input输入框 <article class="pwd-area"> <input type="tel" id="password-input" maxlength="6"> <ul id= 阅读全文
posted @ 2017-07-21 22:10
乐少007
阅读(544)
评论(0)
推荐(0)
摘要：
左边label随着右边自适应 近期项目中，有表单需求 默认展示两列，当内容多的时候，可以展示一列 左边列 <div> <label>备注</label> <span>计算机</span> </div> 右边列 <div> <label>备注</label> <span>计算机</span> </di 阅读全文
posted @ 2017-07-12 12:58
乐少007
阅读(469)
评论(0)
推荐(0)
摘要：
自适应的，隔行换色的，左右两列展示的表单 案例背景：要实现一个表单，隔行变色，默认左右两列展示当某一行内容过多的时候，则一行展示内容自适应，可扩展……方案A: 效果图 在线预览地址 http://output.jsbin.com/wilovadipili:nth-of-type(odd)和li:nt 阅读全文
posted @ 2017-06-22 19:48
乐少007
阅读(375)
评论(0)
推荐(0)
摘要：
返回顶部 当PC网站页面很长的时候，这个时候，往往会添加一个按钮，点击之后，返回顶部 类似这样的 <span id="jump-top"><a href="#top"><img src="images/jump-top.png" /></a></span> $(document).ready(fun 阅读全文
posted @ 2017-06-16 20:22
乐少007
阅读(218)
评论(0)
推荐(0)
摘要：
年会抽奖 小游戏，年会抽奖，都很期待的。 <body> <div id="button"> <input id="B1" onclick="Begin()" name="B1" type="button" value="开始" /> <input id="B2" onclick="Stop()" n 阅读全文
posted @ 2017-06-16 20:18
乐少007
阅读(219)
评论(0)
推荐(0)
浙公网安备 33010602011771号