项目总结美丽说 2016.12.5

项目：美丽说部分页面。

美丽说购买页效果图：

主要特效：

一、小图切换大图：

原理：当鼠标经过小图时，替换大图的src为小图的src，即$('.img').attr('src','img/coat/img'+index+'.jpg');

二、锚点跳转

原理：鼠标点击时找到需要跳转的目标，使屏幕的scrolltop变成目标的offsettop，即$(window).scrollTop($('#effect').offset().top);

三、鼠标滚动某部分对应的样式改变

原理：同鼠标滚动出现返回顶部按钮一样，判断屏幕scrolltop的大小，改变对象的属性。

难点：

布局繁琐，小细节多，图片多，工作量大。

解决方法：

努力。

收藏页面效果图：

因为此处用了选项卡的功能，故有两个图片页面。

主要特效：

一、DOM操作

原理：当点击右上角的删除图标时，获取当前按钮的父元素节点，删除他，即

$('.good_box>.delete').click(function(){
$(this).parent('div').remove();
})

二、删除借点改变数值

原理：删除元素后，获取父元素中此元素的个数（长度），并用此数值替换需改变的元素的text值，即

$('.collect_count span').text($('.good_box').length);

难点：

因为布局复杂，节点操作繁琐，很容易产生冒泡事件。

解决方法：

使用cancelBubble取消冒泡事件。

项目总结美丽说 2016.12.5相关推荐

【iOS工具】rvm、Ruby环境和CocoaPods安装使用及相关报错问题解决（2016 12 15 更新）...
〇.前言在iOS开发中 [CocoaPods](https://github.com/CocoaPods/CocoaPods) 作为库依赖管理工具就是一把利器. 有了 CocoaPods 则无需再通 ...
U3D笔记11:47 2016/11/30-15:15 2016/12/19
U3D笔记11:47 2016/11/30-15:15 2016/12/19 技术BLOG:http://www.unity.5helpyou.com/2373.html#comment-43108 ...
主成分分析（PCA）原理详解 2016/12/17 · IT技术 · 主成分分析, 数学分享到： 21 原文出处：中科春哥一、PCA简介 1. 相关背景主成分分析（Principa
主成分分析(PCA)原理详解 2016/12/17 · IT技术 · 主成分分析, 数学分享到:21 原文出处: 中科春哥一.PCA简介 1. 相关背景主成分分析(Principal Co ...
15000个开源项目中挑选Top 12
15000个开源项目中挑选Top 12,第一就是-- 2018-01-17
iOS 最新App提交上架流程及部分问题的解决方案2016.12.21，感谢原博主！！！
iOS 最新App提交上架流程及部分问题的解决方案2016.12.21,感谢原博主!!! 参考文章: (1)iOS 最新App提交上架流程及部分问题的解决方案2016.12.21,感谢原博主!!! ( ...
项目经理常用的12大工具及5大最佳项目管理软件
项目管理涉及有效的计划和对工作的系统管理,但很多工具可以使项目管理更有效.更高效. 今天为大家分享5大项目管理软件,涉及软件项目管理.通用项目管理,开源项目管理以及国内国外最常用的. 12个实用的管理 ...
【2016.12.09】博雅互动网页布局
1.html代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...
史上最烂开发项目，开发整整12年！负责人还进了监狱！
点击上方"Python大本营",选择"置顶公众号" python大本营 IT人的职业提升平台文章来自:程序员(ID:imkuqin)猿妹编译原文:http ...
【13】2016.12.13 周二--《小结2016》
本文地址原文地址:简书时间匆匆,年轮又一年,春夏秋冬走过,是时候盘点一下了,喜怒哀乐一年.整理后重新上路. 16年总体而言还是挺有收获和成长的.于工作,是技术更牢固了,书也读了不少.于情感,自然更 ...

项目总结美丽说 2016.12.5

项目总结美丽说 2016.12.5相关推荐

最新文章

热门文章

项目总结 美丽说 2016.12.5

项目总结 美丽说 2016.12.5相关推荐

最新文章

热门文章

项目总结美丽说 2016.12.5

项目总结美丽说 2016.12.5相关推荐