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

AJAX技术
自己动手封装的 ajax
Ajax 对象 包含post和get两种异步传输方式
Ajax 超时检查脚本
AJAX 简介及入门实例
ajax 开发守则 10条说明
Ajax 返回字符串的过滤实现代码
Ajax 程序开发中常见问题
AJAX 验证框架13个
ajax 入门基础之 XMLHttpRequest对象总结
基于AJAX的分页类实现代码
如何在Asp.net中使用HtmlArea编辑器
使用 jQuery 简化 Ajax 开发
ASP.NET 与 Ajax 的实现方式
AJAX技术介绍
Ajax程序设计入门
学习Ajax教程,详细了解Get与Post
关于Ajax responseText 的一点阐述
ajax中文乱码解决方法
AJAX中文问题总结
AJAX无刷新更新数据

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-30   浏览: 68 ::
收藏到网摘: 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