2016年9月6日
mCustomScrollbar插件自定义滚动条
摘要： 系统自定义 的滚动条是超级丑的有木有，为了网站的风格统一，需要有自定义的滚动下拉条，自己封装函数又累又难，今天给大家一款炒鸡好用的自定义下拉条插件~（百度云有完整demo，可以下载下来参考） demo在百度云：http://pan.baidu.com/s/1nutdP9J 可以先看一下这个插件可以选 阅读全文
posted @ 2016-09-06 16:46 HelloPengHR！ 阅读(1162) 评论(0) 推荐(0) 编辑
自定义滚动条mCustomScrollbar
摘要： mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件，它可以让你灵活的通过 CSS 定义网页的滚动条，并且垂直和水平两个方向的滚动条都可以定义，它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持，并且在滚动的过程 阅读全文
posted @ 2016-09-06 16:45 HelloPengHR！ 阅读(336) 评论(0) 推荐(0) 编辑
2016年9月2日
纯CSS气泡框实现方法探究
摘要： 气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡 阅读全文
posted @ 2016-09-02 17:46 HelloPengHR！ 阅读(130) 评论(0) 推荐(0) 编辑
CSS教程:div垂直居中的N种方法[转]
摘要： 在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才 阅读全文
posted @ 2016-09-02 17:36 HelloPengHR！ 阅读(791) 评论(0) 推荐(0) 编辑
内容超过长度后以省略号显示
摘要： {width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 1、之前在考虑如果进行字符串截断时，一直在思考如何用js来完成而忽略了css的text-overflow属性； 通过设置white-space 阅读全文
posted @ 2016-09-02 17:33 HelloPengHR！ 阅读(176) 评论(0) 推荐(0) 编辑
mCustomScrollbar
摘要： 滚动条插件，要研究 阅读全文
posted @ 2016-09-02 14:46 HelloPengHR！ 阅读(165) 评论(0) 推荐(0) 编辑
2016年8月23日
js获取页面元素距离浏览器工作区顶端的距离
摘要： 先介绍几个属性：（暂时只测了IE和firefox，实际上我工作中用到的最多的是chrome） 网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度） (javascript) document.documentElement.scrollTop //firefox (javascript 阅读全文
posted @ 2016-08-23 12:04 HelloPengHR！ 阅读(29320) 评论(0) 推荐(1) 编辑
2016年8月22日
nicescroll参数
摘要： jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner").niceScroll({ touchbehavior:false, cursorcolor:"# 阅读全文
posted @ 2016-08-22 14:29 HelloPengHR！ 阅读(979) 评论(0) 推荐(0) 编辑
input-placeholder获取焦点清空
摘要： html中，placeholder作为input的一个属性，起到了在输入框中占位并提示的作用。 但是有一些浏览器，如chrome，当鼠标点击输入框时，placeholder的值不消失，只有输入数据才消失，会使前端用户体验大打折扣。 看了很多大神的方法，写了长长的js，看着有点吃力，就想到了下面这种最 阅读全文
posted @ 2016-08-22 14:03 HelloPengHR！ 阅读(11812) 评论(0) 推荐(0) 编辑
2016年8月12日
bootstrap去除默认的点击留白处摸态框消失
摘要： 两种形式： 一、JS调用时： 二、直接写在modal的结构上： <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"data-backdrop="static" 阅读全文
posted @ 2016-08-12 13:42 HelloPengHR！ 阅读(615) 评论(0) 推荐(0) 编辑