2016年6月6日

图片轮播插件比较(jquerySlide与superSlide)

摘要: 做图片轮播一直采用的是SuperSlide: http://www.superslide2.com/ <div id="slideBox" class="slideBox"> <div class="hd"> <ul><li>1</li><li>2</li><li>3</li></ul> </div 阅读全文

posted @ 2016-06-06 14:54 细雨流光 阅读(14790) 评论(1) 推荐(0)

2015年12月7日

footer贴底的纯css实现方法

摘要: 页面内容少时,footer跑到屏幕中间戳着是很难看的。用fixed吧,在内容多的时候又想它不要一直出现在屏幕下方,毕竟它不是那么重要。那么两全其美的办法是怎样的呢?html代码 这是头部 这是正文 这是尾部css代码html,body{margin:0;padding:0;heig... 阅读全文

posted @ 2015-12-07 11:35 细雨流光 阅读(6771) 评论(0) 推荐(0)

2015年10月29日

input line-height 兼容解决方案

摘要: input不设置line-height 属性,IE8及以下浏览器中光标会偏移到最上方,不能居中;如果将line-height 属性设置为与height一样的数值,Chrome浏览器又有一个bug,会出现光标不能居中的问题,需要将line-height设置为normal方可解决;如果设置line-he... 阅读全文

posted @ 2015-10-29 13:56 细雨流光 阅读(2107) 评论(0) 推荐(0)

2015年10月15日

background-image实现border效果及多图png如何实现background-size为原图一半

摘要: 毛主席说过:三日不学习,赶不上***。近两月疯赶项目,做得快要吐了,今日才有空浏览一下他人网站,收益良多,解决了我一直以来以为颇为棘手的两大难题。一、background-image实现border效果为何要这么费事?不直接用border呢?这是因为手机首页经常用九宫格来排列图片菜单,一般都是用百分... 阅读全文

posted @ 2015-10-15 11:54 细雨流光 阅读(2552) 评论(0) 推荐(1)

2015年8月17日

ios弹出软键盘时fixed失效及点击空白处隐藏层的解决办法

摘要: 一、实现点击按钮弹出层和点击空白处隐藏层,event.stopPropagation()是关键,阻止传导。二、ios中,页面使用position:fixed定位头部或尾部,而页面中同时具有input或textarea输入框,在输入框获取焦点,弹出软键盘时,原本固定在头尾的栏会跑到页面中间,解决办法是... 阅读全文

posted @ 2015-08-17 15:10 细雨流光 阅读(638) 评论(0) 推荐(0)

2015年8月13日

HBuilder初探——强大的提示符及纯网页打包成APP

摘要: 之前做手机页面,只是时效短、更新度高的零星几个,供APP内嵌调用。比如抽奖嘛、活动宣传啦。现在的公司,不知是不是不知者无畏,整一个app全部用html5来实现,包括头部导航条。客户端只需封装一下,打个包就OK。实现的方式是网页放在服务器,像从浏览器访问一下,客户端只是充当一个浏览器的角色。这种方式a... 阅读全文

posted @ 2015-08-13 15:38 细雨流光 阅读(10301) 评论(0) 推荐(1)

移除input type="number"的上下箭头

摘要: 使用html5的新控件input type="number"时,浏览器中看到其会自带上下箭头,有时UI设计的需要是采用另外的样式,只能想办法将其隐藏,放置另外的button,用js来控制。参照:伪元素控制表单样式http://www.w3cplus.com/css3/list-of-pseudo-e... 阅读全文

posted @ 2015-08-13 14:16 细雨流光 阅读(631) 评论(0) 推荐(0)

2015年8月5日

qrcode网页生成二维码

摘要: jquery.qrcode.jshttp://blog.jetienne.com/blog/2011/04/07/jquery-qrcode/介绍:jquery.qrcode.jsisjquery plugin for a pure browser qrcode generation. It all... 阅读全文

posted @ 2015-08-05 10:17 细雨流光 阅读(369) 评论(0) 推荐(0)

2015年8月4日

浮动与负margin

摘要: 如果元素是浮动的,又给它设置了负margin的话,浮动元素会遮挡在它之前的元素下面。解决办法:不用浮动,用display:inline-block来控制。 阅读全文

posted @ 2015-08-04 14:00 细雨流光 阅读(157) 评论(0) 推荐(0)

2015年7月31日

jquery实现星星评分

摘要: 不得不说,jquery实在太强大了。星星打分,本打算用switch case来遍历了,好在只有五颗星。想想不甘心,去查了下jquery的API,果然找到两个超级实用的选择器:prevAll和nextAll。点击某颗星时,之前的星都填满,之后的星为空。这两个选择器就像是专为此种情况而生的。星星打分的功... 阅读全文

posted @ 2015-07-31 17:38 细雨流光 阅读(1845) 评论(0) 推荐(0)

导航