又两周没写博客了,不是不想写而是不知道该写点什么,总不能为了写博客而写博客,前两天项目里要加个购物车功能,看了下别人APP的效果觉得不错,虽然我项目里没用上不过毕竟还算是个常用的功能,于是决定写个博客分享下!
效果图知识点分析效果图来看不复杂内容并没多少,值得介绍一下的知识点也就下面几个吧
- 列表标题悬停
- 左右列表滑动时联动
- 添加商品时的抛物线动画
- 底部弹出购物车清单
- 数...
分类:
移动开发 时间:
2016-06-03 19:23:33
阅读次数:
247
效果图
知识点分析
效果图来看不复杂内容并没多少,值得介绍一下的知识点也就下面几个吧
- 列表标题悬停
- 左右列表滑动时联动
- 添加商品时的抛物线动画
- 底部弹出购物车清单
- 数据的同步
另外就是实现效果的时候可能会遇到的几个坑。。。
布局很简单直接进入代码
列表标题悬停
现在做项目列表什么的基本抛弃了ListView改用Re...
分类:
移动开发 时间:
2016-06-03 19:13:00
阅读次数:
204
//设备在地图上进行标注 function GetGateInfo(vSID, vMap) { var icon = "../Content/easyui/themes/icons/gate.png"; var myIcon = new BMap.Icon(icon, new BMap.Size(3 ...
分类:
其他好文 时间:
2016-06-03 14:25:42
阅读次数:
385
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv= ...
分类:
Web程序 时间:
2016-06-01 15:26:21
阅读次数:
240
今天做一个网页时,全局样式中设置了a:hover{color:red;},在做一个导航时设置如下属性 在浏览器中刷新并不会产生悬停链接变为red的效果。 使用chrome浏览器检查元素,没有找到.content-top a:hover 属性,经过一番折腾终于找到查找伪元素的方法,如下图所示: 由此看 ...
分类:
其他好文 时间:
2016-05-31 06:24:09
阅读次数:
148
一、属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路径 。 ...
分类:
其他好文 时间:
2016-05-27 20:26:42
阅读次数:
382
/*p#example{color:grey;font:18px‘Arial‘,sans-serif;}*/
body{font-family:"Helvetica","Arial",sans-serif;background:#fff;color:#000}
table{margin:auto;border:solid1px#699;text-align:center;width:600px;}
caption{margin:auto;padding:10px;font-weight:bold;}
th{b..
分类:
Web程序 时间:
2016-05-27 18:41:28
阅读次数:
336
1.下载NppFTP
2.把压缩文档中的bin目录下的两个文件解压到notepad++的plugin目录下
3.重新启动notepad++即安装成功
插件使用:
1.notepad++的“插件”菜单,鼠标悬停在“NppFTP”项上,在出来的下级菜单中选中“ShowNppFTP Window”
2.在notepad++右侧会出现一个窗口,此时此窗口工具栏上按钮都是灰色的,点击工具栏上...
分类:
其他好文 时间:
2016-05-18 18:04:53
阅读次数:
289
在网页上我们经常看到鼠标悬停在一个图片上,这张图片会慢慢的放大,感觉是像放大镜放大的效果,当鼠标移开的时候,图片有恢复原来的样子,今天就实现这种效果。实现原理以思路:1,首先这是一张图片在悬停时放大也就是改变大小(宽,高)实现的。2,一张图片在放大的时候会根..
分类:
其他好文 时间:
2016-05-15 19:58:58
阅读次数:
161