随笔分类 -  Tips

摘要:效果图: 一.纯CSS实现 二.原生JS实现 三.使用JQ 阅读全文
posted @ 2017-10-30 11:40 忍冬。 阅读(704) 评论(1) 推荐(0)
摘要:一.实现分隔线的方法(未理解:不是说span元素垂直方向设置怕padding不影响吗?) html: css: 实现原理:打开chrome浏览器开发者工具进行盒子模型的查看。 图1:将span标签的margin-left设置为12px,对应效果如图1。 图2:为使分隔线左右两边空白对称,这里将spa 阅读全文
posted @ 2017-08-31 19:45 忍冬。 阅读(450) 评论(2) 推荐(0)
摘要:1.纵向 实现效果: 注意: 解决方案: 2.横向(注意:把<a>标签设置为:display: block;) 实现效果: 3.圆角 实现效果: 4.向上增加高度 效果图: 5.水平增加宽度(JS) 6.水平增加宽度(JQ) 阅读全文
posted @ 2017-08-26 17:45 忍冬。 阅读(151) 评论(0) 推荐(0)
摘要:用原生的javascript实现方格拼图效果 1.新建文件夹 代码如下: 01.html 01.js 01.css 图片 遇到一个问题: 在js代码中的第9行和第10行,本来是一条语句,但我直接用键盘回车把它们分成两行时,会出现错误: 错误:syntaxerror:未结束的字符串。 Google之后 阅读全文
posted @ 2016-12-09 22:55 忍冬。 阅读(900) 评论(1) 推荐(0)