随笔分类 -  前端

banner无缝轮播【小封装】
摘要：转载：http://www.qdfuns.com/notes/23446/d1691a1edf5685396813cc85ae6ab10f.html 一直在重复的写banner,写了了好几个，然后每次写，不停的造轮子，然后渐渐的学会封装，虽然还是不太懂更深层次的东西，但在不断的进步中。 阅读全文
posted @ 2017-04-11 15:48 产卵的鱼 阅读(340) 评论(0) 推荐(0)
div中的内容垂直居中的五种方法
摘要：转载：http://www.cnblogs.com/moqiutao/p/4807792.html 一、行高（line-height）法 如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如： 这段代码可以达到让文字在段落中垂直居中的效果。 二、内边距（ 阅读全文
posted @ 2017-04-11 15:43 产卵的鱼 阅读(4299) 评论(0) 推荐(0)
jQuery hover() 方法
摘要：语法 $(selector).hover(inFunction,outFunction) $(selector).hover(inFunction,outFunction) 调用: $( selector ).hover( handlerIn, handlerOut ) 阅读全文
posted @ 2017-04-11 15:42 产卵的鱼 阅读(171) 评论(0) 推荐(0)
把一个DIV放到另一个div右下角
摘要：父对象相对定位，子对象以父对象为参考点绝对定位；外层的div设置为相对定位，内层的div设置为绝对定位； 阅读全文
posted @ 2017-04-11 15:41 产卵的鱼 阅读(2536) 评论(0) 推荐(1)
静态html制作之psd转html
摘要：很多时候我们开发拿到的是psd文件，这个时候如果公司有前端，会帮你制作成静态html， 很多小公司是没有这个配置的，所以只能业务开发的自己上马。可以有多种实现方式： 1.对于简单的切图，可以在线网站切图，生成html，可以自带jq，bootstrap等，关键是免费的， http://kuaiqie. 阅读全文
posted @ 2017-04-06 10:44 产卵的鱼 阅读(6766) 评论(0) 推荐(0)
史上最全的判断android，ios还是ipad访问，附上多种语言的实现方式
摘要：js判断： 其他语言实现方式： http://detectmobilebrowsers.com/ 阅读全文
posted @ 2017-01-17 14:04 产卵的鱼 阅读(256) 评论(0) 推荐(0)
前端轻量级web进度条 – Nprogress & nanobar
摘要：转载：http://www.xuanfengge.com/front-end-nprogress-and-lightweight-web-progress-bar-nanobar.html 前言 进度条库是前端中常见的库之一，bootstrap中提供了多种进度条样式。NProgress.js和nan 阅读全文
posted @ 2017-01-16 14:49 产卵的鱼 阅读(21040) 评论(0) 推荐(1)
商品鼠标移过去hover效果---图片放大1.1倍
摘要：.home-standard-layout .middle-goods-list ul li:hover{ box-shadow: 0 0 10px gray;} .home-standard-layout .middle-goods-list ul li img:hover{transform: scale(1.1); transition: all 0.6s ease 0s; ... 阅读全文
posted @ 2017-01-16 14:07 产卵的鱼 阅读(535) 评论(0) 推荐(0)
html动态生成的代码，绑定事件
摘要：如果使用jQuery，你可以这样写： 阅读全文
posted @ 2017-01-16 14:04 产卵的鱼 阅读(326) 评论(0) 推荐(0)