摘要: 虽然这个功能最后使用了另外的插件,但是还是讲一下大概的原理吧,还是先上图: 功能描述: 1. 根据不同菜单的属性值分别加载不同的数据 2. 下拉滚动条到一定位置预加载图片,滚动条拉到最底下的时候渲染html; 3. 鼠标移到菜单,切换各个图片列表; 4. 鼠标移到图片列表上,显示详细信息; 技术实现 阅读全文
posted @ 2015-04-28 18:54 带上饼干 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 先来一张图片: 功能描述: 定时更新数据并且点击按钮可更新数据; 用动画衔接新旧数据切换过程; 当前动画未执行完,不允许操作点击更新数据; 鼠标移到图片显示当前图片的详细信息,并且跟随鼠标移动; 技术实现方案: 为了优化,第一屏图片使用html直接写入,此后的更新才使用jsonp获取数据渲染成htm 阅读全文
posted @ 2015-04-28 18:46 带上饼干 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 拉门循环滚动展示图片的动画写得多了,今天来一个平时少写的,先上图: 功能描述: 自定义图片尺寸; 每隔一段时间自动滚动图片; 每次动画执行的时候改变图片的位置,宽高以及其它属性也要跟随着变化; 鼠标移上图片,显示当前图片的详细信息; 点击按钮向前向后滚动; 注意: 因为用的是seajs写的,所以稍微 阅读全文
posted @ 2015-04-28 18:13 带上饼干 阅读(802) 评论(0) 推荐(0) 编辑