2017年7月21日

摘要： <div id="sidebar"> <a id="f11" href="javascript:void();" class="hover">1F导航项目</a> <a id="f22" href="javascript:void();">2F</ 阅读全文

posted @ 2017-07-21 10:25 love9happy 阅读(480) 评论(0) 推荐(0) 编辑

2017年7月1日

div滚动，页面不滚动

摘要： var scroll = function(event,scroller){ var k = event.wheelDelta? event.wheelDelta:-event.detail*10; scroller.scrollTop = scroller.scrollTop - k; return false; }; 阅读全文

posted @ 2017-07-01 15:59 love9happy 阅读(1720) 评论(0) 推荐(0) 编辑

2017年6月30日

自定义滚动条样式

摘要： /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { -webk... 阅读全文

posted @ 2017-06-30 16:16 love9happy 阅读(198) 评论(0) 推荐(0) 编辑

2017年6月28日

placeholder自定义CSS

摘要： ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909; opacity: 1; } :: 阅读全文

posted @ 2017-06-28 14:04 love9happy 阅读(424) 评论(0) 推荐(0) 编辑

2017年6月19日

浏览器判断

摘要： //低版本浏览器提示 function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatib... 阅读全文

posted @ 2017-06-19 11:10 love9happy 阅读(171) 评论(0) 推荐(0) 编辑

2017年6月14日

初始化页面垂直居中

摘要： //初始化页面垂直居中 var gDocHeight = $('.login').height(); resizeBody(); function resizeBody() { var winHeight = $(window).height(); var heightGap = winHeight - gDocHeight; if(heightGap > 5)... 阅读全文

posted @ 2017-06-14 17:31 love9happy 阅读(168) 评论(0) 推荐(0) 编辑

2017年6月3日

消息显示隐藏定时器

摘要： //显示隐藏二维码 var timer; $('.bar_txt').mouseenter(function(){ clearTimeout(timer); $('.bar_main').hide(); $('.bar_txt').removeC... 阅读全文

posted @ 2017-06-03 18:09 love9happy 阅读(233) 评论(0) 推荐(0) 编辑

向右三角形

摘要： position: absolute; width: 7px; height: 14px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; right: -7px; top: 0; ... 阅读全文

posted @ 2017-06-03 17:36 love9happy 阅读(284) 评论(0) 推荐(0) 编辑

2017年5月24日

点击空白处关闭

摘要： //点击空白处关闭 $(document).mouseup(function(e) { var _con = $('.ic_third'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0) { $('.positionBox').hide(); ... 阅读全文

posted @ 2017-05-24 17:05 love9happy 阅读(157) 评论(0) 推荐(0) 编辑

2017年5月17日

兼容

摘要： /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} 阅读全文

posted @ 2017-05-17 11:06 love9happy 阅读(121) 评论(0) 推荐(0) 编辑