首页 > 代码库 > 服务过美国总统竞选的非传统投票UI
服务过美国总统竞选的非传统投票UI
12年初，我参与了一个项目（在项目中主要负责实现下面说到的一个需求），这个项目针对美国国内用户，主要作用是投票。 这个项目会用于美国的一些民众评选，其中，包括奥巴马和罗姆尼竞选美国总统的民意调查和美国明星奖项评选。 US团队喜欢叫它faceoff，有对决的意思。 好吧，既然取名有点剑拔弩张，设计也会磨剑擦枪，设计稿大概是这个样子。（项目现在已经下线了，我按回忆做了一个简单的样子作为参考）
- 图片必须是直角梯形
- 图片上的文字内容，也要在直角梯形里排布
- 鼠标的作用区域也是梯形，当鼠标悬停在梯形区域上时，overlay要出来
这种非常规前端需求对前端知识综合应用是个考验。经过一些尝试，我最终实现了这个需求。
因为这个项目已经下线，没法给大家链接。不过我准备写个简单的DEMO给大家参考下，晚点完成后放出来。
不过在DEMO出来之前，大家可以先把它当成个前端试题，拿来练下手，经常试下非常规前端需求实现，对自己的技术提升有帮助。
本文是博主Arfei Zhang原创，欢迎转载。转载请注明转自博客园，并附上本文链接http://www.cnblogs.com/arfeizhang/p/faceoff.html，谢谢！
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。