iriliguo - 博客园

2017年6月19日

鼠标滑动一定距离的左侧菜单置顶效果

摘要：如图：上述实现的是鼠标向下滑动90px，左侧菜单整体上移置顶，而菜单在最开始便进行了定位，距离顶部90px 以下为实现这个效果的js代码: css代码（.sidebar为包裹菜单最外侧的div类名)：阅读全文

posted @ 2017-06-19 10:49 iriliguo 阅读(727) 评论(0) 推荐(0)

给地图增加自定义覆盖物

摘要：添加自定义覆盖物阅读全文

posted @ 2017-06-19 10:17 iriliguo 阅读(326) 评论(0) 推荐(0)

实现地图放大覆盖物出现圆，缩小到一定级别变成其他形状

摘要：实现地图放大出现圆，缩小到一定级别变成其他形状阅读全文

posted @ 2017-06-19 10:09 iriliguo 阅读(325) 评论(0) 推荐(0)

2017年6月18日

随机数的生成

摘要：随机数可以用于项目中的随机生成的订单号之类，蛮实用的小功能。如图，生成一串17位的随机数，规则是：A代表用户+4个随机数字+4个随机字母+当前年月日阅读全文

posted @ 2017-06-18 21:50 iriliguo 阅读(242) 评论(0) 推荐(0)

2017年6月17日

select下拉框的样式在浏览器上的兼容问题

摘要：最近项目中遇到了自定义下拉框的默认样式在谷歌，火狐，IE上显示不同的问题。左侧图片就是重写的样式，下拉框的右侧三角是选用的bootstrap里面的图片，通过绝对定位放过去的。 css: html: 阅读全文

posted @ 2017-06-17 21:17 iriliguo 阅读(5703) 评论(0) 推荐(0)

改变form里面input,textarea.select等的默认样式

摘要：因为在项目中有时候需要照顾到整体的色调问题，所以不得不对表单默认的样式进行更改，以下只是对input里的文本颜色做了更改。阅读全文

posted @ 2017-06-17 20:46 iriliguo 阅读(1911) 评论(0) 推荐(0)

serialize() 方法

摘要： serialize() 方法可以操作已选取的表单元素的 jQuery 对象，比如 <input>, <textarea> 以及 <select>。值得注意的是元素必须使用 name 属性。 html代码： <form id="form1"> <input name="name" type="tex 阅读全文

posted @ 2017-06-17 20:36 iriliguo 阅读(1481) 评论(0) 推荐(0)

2017年5月4日

纯css实现互动清单

摘要：如图，点击每条信息可以实现删除这条信息的效果。阅读全文

posted @ 2017-05-04 15:59 iriliguo 阅读(278) 评论(0) 推荐(0)

2017年5月2日

less学习笔记

摘要： 1.koala可以用来编译less; 2.less注释： //不会被编译 /*此注释会编译到css里*/ 3.定义变量： less: @test_width:300px; .box { width:@test_width;//编译在css为width:300px; height:@test_widt 阅读全文

posted @ 2017-05-02 14:11 iriliguo 阅读(141) 评论(0) 推荐(0)

2017年4月20日

竖直手风琴导航菜单栏

摘要：之前有用原生js实现了菜单栏的展开收缩效果，今天用jquery实现这个效果，并增加了鼠标点击箭头方向改变的效果。阅读全文

posted @ 2017-04-20 16:57 iriliguo 阅读(1420) 评论(0) 推荐(0)