当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript有趣实例:胸罩罩杯尺寸计算器

Javascript
JavaScript 序列化对象实现代码
替代window.event.srcElement效果的可兼容性的函数
div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容
IE和Firefox下event事件杂谈
javascript option onclick事件ie解决方案 兼容ie,firefox
javascript demo 基本技巧
用js实现层随着内容大小动态渐变改变 推荐
JS 的应用开发初探(mootools)
JS 在数组插入字符的实现代码(可参考JavaScript splice() 方法)
JQuery Tips(4) 一些关于提高JQuery性能的Tips
jQuery 淡入淡出、展开收缩菜单实现代码
js控制div及网页相关属性的代码
javascript 翻页测试页(动态创建标签并自动翻页)
Js获取table当前tr行的值的代码
IE 上下滚动展示模仿Marquee机制
jQuery解决iframe高度自适应代码
jQuery 连续列表实现代码
利用jQuery的$.event.fix函数统一浏览器event事件处理
Javascript和Ajax中文乱码吐血版解决方案
js Firefox 加入收藏夹功能代码 兼容Firefox 和 IE

Javascript 中的 JavaScript有趣实例:胸罩罩杯尺寸计算器


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 207 ::
收藏到网摘: n/a

  JavaScript出能能为网页添加更多互动元素、为网页的视觉效果锦上添花之外,还能干些什么?今天这个答案也许会出乎你的意料,外国一位设计师Ed Spencer用JavaScript为一个内衣网站编写了胸罩罩杯尺寸计算器。我们在使用JavaScript完成日常工作之余,其实也能编写这种有趣的程序。

  只在周末放松一下。

  近来Ed Spencer为一个更具诱惑性网站中的一个工作,这家网站是专卖女性内衣的。 除了不得不一整天去看只穿内衣的女人的图片这个不值得羡慕的任务之外,Ed Spencer还被迫去写一个胸罩尺寸计算器。

  胸罩尺寸计算器背后的理论是有点神秘和神奇了。 让一个男人或野兽理解它并不容易,所以它是幸运的,Ed Spencer完全不属于那两类, 他通过了痛苦和折磨的考验节省了广大女性的麻烦。

  下面来学习学习这个JavaScript有趣实例吧…

  这里是JS源文件,点击查看

代码如下:

var BraCalculator = {
    /**
    * The string to be returned when the result could not be calculated. Overwrite to change this
    */

    unknownString: “Unknown”,
    cupSizes: ["A", "B", "C", "D", "DD", "E", "EE", "F", "FF", "G", "GG", "H", "HH",
"J", "JJ", "K", "KK", "L", "LL", "M", "MM", "N", "NN"],
    /**
    * Returns the correct bra size for given under bust and over bust measurements
    * @param {Number} underBust The measurement taken under the bust (in inches)
    * @param {Number} overBust The measurement taken over the bust (in inches)
    * @return {String} The correct bra size for the given measurements (e.g. 32C, 40DD, etc)
    */

    calculateSize: function(underBust, overBust) {
        var bandSize = this.calculateBandSize(underBust);
        var cupSize = this.calculateCupSize(bandSize, overBust);
        if (bandSize && cupSize) {
            return bandSize + cupSize;
        } else {
            return this.unknownString;
        };
    },
    /**
    * Calculates the correct band size for a given under bust measurement
    * @param {Number} underBust The measurement under the bust
    * @return {Number} The correct band size
    */

    calculateBandSize: function(underBust) {
        var underBust = parseInt(underBust, 10);
        return underBust + (underBust % 2) + 2;
    },
    /**
    * Calculates the Cup size required given the band size and the over bust measurement
    * @param {Number} bandSize The measured band size (should be an even number)
    * @param {Number} overBust The measurement taken over the bust
    * @return {String} The appropriate alphabetical cup size
    */

    calculateCupSize: function(bandSize, overBust) {
         var bandSize = parseInt(bandSize, 10);
         var overBust = parseInt(overBust, 10);
         var diff = overBust - bandSize;
         var result = this.cupSizes[diff];
         //return false if we couldn’t lookup a cup size
         return result ? result : false;
    }
};

点击这里使用胸罩罩杯尺寸计算器

英文原文:JavaScript Bra Size Calculator