马上过年了，发红包肯定是不能少的，为了增加趣味性，我们可以做一个摇一摇抢红包。

页面演示(用手机扫描下边二维码)

查看代码

操作流程

1. 页面刚打开，是不能执行摇一摇，需要点击Shake按钮开启；
2. 点击按钮后，会有一个摇一摇动画，提示可也摇；
3. 摇一摇后执行函数，弹出奖品页面

昨天公司要求做一个关于地图的页面，要求根据自己的位置找到最近的客户店铺，然后测出相应的距离，最后点击显示到地图上。以下是我做后的总结：

引入地图API

我选的是百度地图，需要在页面引入百度地图的jsAPI:

1

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yourkey"></script>

淡出淡入效果，在日常生活中经常用到，使用jQuery的fadeIn/fadeOut很容易实现，但是页面需要引入jq库，所以就自己封装个库，可以直接使用。兼容IE7以上
（IE的透明度设置为0~100）。

参数说明：

fadeIn()与fadeOut()均有三个参数，第一个为事件（必填）；
第二个是淡出淡入效果速度，正整数，可选参数；
第三个时指定淡出淡入到的透明度（类似于jQuery中的fadeTo()），0~100的正整数，参数为可选。

单行文本溢出显示省略号

单行文本溢出隐藏显示出省略号，前提是要先定文本的宽度
实现方法

1
2
3
4
5
6
7
8
9

.text1{
    display: block;
    width:100px;
    font-size:14px;
    line-height:1.5;
    overflow: hidden;/*溢出隐藏*/
    white-space: nowrap;/*禁止换行*/
    text-overflow: ellipsis;/*超出文字以省略号显示*/
}

显示效果

多行文本溢出显示省略号