会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
love9happy
博客园
首页
新随笔
联系
订阅
管理
2017年7月21日
侧边栏导航
摘要: <div id="sidebar"> <a id="f11" href="javascript:void();" class="hover"><em>1F</em><span>导航项目</span></a> <a id="f22" href="javascript:void();"><em>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
阅读(1719)
评论(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)
编辑
下一页
公告