孟繁贵 - 博客园

2017年7月10日

摘要：需求分析：对于网页中的图片进行连续放大（便于用户清晰查看内容）、缩小，旋转等操作，可以使用viewjs图片查看器插件实现。 viewjs官方网址：https://github.com/fengyuanchen/viewerjs 具体使用方法请参照官网说明。下面做2个简单的示例： 1、示例一：单一阅读全文

posted @ 2017-07-10 17:09 孟繁贵阅读(12205) 评论(1) 推荐(0)

2017年7月6日

检测和删除多余无用的css

摘要：本文主要讲解如何检测页面中多余无用的css。 1、chrome浏览器 F12审查元素的Audits 说明：使用Audits，会检测出页面中没有用到的css，需要手动删除多余的css；同时需要说明的是检测出多余无用的css块，而不是某一行css。 2、CSS usage插件（1）安装Firefox浏阅读全文

posted @ 2017-07-06 15:17 孟繁贵阅读(6866) 评论(0) 推荐(0)

2017年7月5日

网页中插入视频的方案

摘要：今天讨论网页中插入视频的方案，咱不讨论video标签的使用方法，video标签比较兼容的写法为：但是一般不会同一个视频生成MP4、ogg、webm和swf（flash）四种格式的视频，原因是太占用时间了。讨论的第一种方案是：将视频上传到爱奇艺、优酷和腾讯等第三方视频网站上，在使用第三方网站提供的阅读全文

posted @ 2017-07-05 16:33 孟繁贵阅读(11086) 评论(0) 推荐(4)

2017年6月28日

移动端网页宽度值（未加meta viewport标签）

摘要：移动端网页宽度值（未加meta viewport标签）: iphone:980px Galaxy（盖乐世）：980px Nexus：980px blackberry（黑莓）：980px LG：980px Nokia：980px kindle：1600px ipad：980px iPad pro：10 阅读全文

posted @ 2017-06-28 17:37 孟繁贵阅读(436) 评论(0) 推荐(0)

2017年6月27日

margin赋值为负值的几种效果（负值像素，负值百分数）

摘要： 1、margin-top为负值像素 margin-top为负值像素，偏移值相对于自身，其后元素受影响，见如下代码：效果： 2、margin-left为负值像素 margin-left为负值像素，偏移值相对于自身，其后元素不受影响，见如下代码：效果： 3、margin-top为负值百分数 marg 阅读全文

posted @ 2017-06-27 16:27 孟繁贵阅读(9429) 评论(0) 推荐(4)

行内元素转为块级元素的方法

摘要：以下汇总三种行内元素转为块级元素的方法：（1）display （2）float （3）position（absolute和fixed）少说多做，运行以下代码看效果：通过审查元素查看是否转为块级元素：阅读全文

posted @ 2017-06-27 15:36 孟繁贵阅读(24825) 评论(0) 推荐(0)

有间距的表格布局 table布局

摘要： 1、先看有间距的布局效果： 2、少说多做，直接看代码（代码中有注释）阅读全文

posted @ 2017-06-27 11:34 孟繁贵阅读(2484) 评论(0) 推荐(0)

2017年6月26日

js立即执行函数应用--事件绑定

摘要： js中立即执行函数的应用：应用到事件绑定上。少说多做，直接运行代码（代码中有注释）：运行结果：当点击id为a1，a2,a3的div时分别触发对应的事件。阅读全文

posted @ 2017-06-26 11:47 孟繁贵阅读(2122) 评论(0) 推荐(0)

2017年6月23日