分类 javascript 下的文章

css代码：

.draw-out{width:400px;height:400px;margin:30px auto;position:relative}
.draw-out section{width:400px;height:1px;background:#d6d6d6;position:absolute;top:200px;left:0}
.draw-out section.s2{transform:rotateZ(60deg)}
.draw-out section.s3{transform:rotateZ(120deg)}
.draw-out p{position:absolute;}
.draw-out p.p1{top:105px;left:300px}
.draw-out p.p2{top:240px;left:300px}
.draw-out p.p3{top:310px;left:170px}
.draw-out p.p4{top:240px;left:60px}
.draw-out p.p5{top:105px;left:60px}
.draw-out p.p6{top:30px;left:170px}
 
.draw{width:400px;height:400px;border:2px solid #E17F27;border-radius:200px;position:absolute;}
.draw-in{width:80px;height:80px;padding:1px;margin:157px 157px;
transition:all 4s ease;
-webkit-transition:all 4s ease;
-moz-transition:all 4s ease;
-o-transition:all 4s ease;
}
.draw-in div{background:#E17F27;width:40px;height:40px;border-radius:33px;position:relative;margin:20px 20px}
.draw-in div .circle{display:block;width:0;height:0;border:10px solid transparent;border-bottom:40px solid #E17F27;position:absolute;left:10px;top:-44px}
.btn{display:block;margin:30px auto;width:100px;height:30px;border-radius:6px;background:#0ABF5D;color:#fff;text-align:center;line-height:30px;text-decoration:none}
.result p{color:#c00}

- 阅读剩余部分 -

Chance 是一个轻量级的随机字符串生成器JavaScript插件，可帮助减少编写单调的代码，特别是在编写自动化测试时经常需要各种随机内容。它包括所有这些项目的基本构建块，是建立在顶部的Mersenne Twister从而产生重复这些事情，如果需要的话，你可以访问这里http://chancejs.com，可以产生随机数、字符、字符串、名字、地址、骰子、等等。

- 阅读剩余部分 -

html代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<title>iScroll下拉刷新上滑加载</title>
<link rel="stylesheet" href="style/main.css" />
</head>
<body>
 
<div class="header">header</div>
<div id="wrapper">
    <div id="scroller">
        <div id="pullDown">
            <span class="pullDownLabel">下拉刷新</span>
        </div>
        <ul id="thelist">
            <!--<li>原始数据</li>-->
        </ul>
        <div id="pullUp">
            <span class="pullUpLabel">上拉加载更多</span>
        </div>
    </div>
</div>
<div class="footer">footer</div>
 
<script type="text/javascript" src="script/iscroll.js"></script>
<script type="text/javascript" src="script/main.js"></script>
 
</body>
</html>

- 阅读剩余部分 -

代码：

function numberToChinese(number) {
 
    /*本方法：数字金额转化为汉字大写金额;
     *支持最大整数兆（万亿）；
     *支持小数后四位（毫）;
     */
    var Chinese = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
    var ChineseInteger = ['', '拾', '佰', '仟', '万', '拾', '佰', '仟', '亿', '拾', '佰', '仟', '兆'];
    var ChineseDecimal = ['角', '分', '厘', '毫'];
    var resultInteger = '',
    resultDecimal = '',
    resultNegative = '';
 
    number = isNaN(number) ? 0 : number; //校验数字格式
    var numStr = number.toString(); //转化为字符串
    //定义数组 获取整数部分========================
    var arrInteger = numStr.split('.')[0];
    if (!arrInteger || arrInteger == '0') {
        resultInteger += '零元';
    } else {
        if (arrInteger.length > 13) {
            arrInteger = arrInteger.substr( - 13);
        }
        //整数部分 数字转化对应汉字
        var numInteger = arrInteger.split('');
        var IntegerData = new Array();
        for (var i in numInteger) {
            for (var i2 in Chinese) {
                if (numInteger[i] == i2) {
                    IntegerData.push(Chinese[i2]);
                }
                if (numInteger[i] == '-') {
                    resultNegative = '负';
                }
            }
        }
        IntegerData.reverse();
        //整数部分 数组拼接
        for (var i in IntegerData) {
            for (var i2 in ChineseInteger) {
                if (i == i2) {
                    IntegerData[i] = IntegerData[i] + ChineseInteger[i];
                }
            }
        }
        IntegerData.reverse();
        for (var i in IntegerData) {
            resultInteger += IntegerData[i];
        }
        resultInteger += '元';
    }
    //定义数组 获取小数部分=========================
    var arrDecimal = numStr.split('.')[1];
    if (arrDecimal) {
        if (arrDecimal.length > 4) {
            arrDecimal = arrDecimal.substr(0, 4);
        }
        //小数部分 数字转化对应汉字
        var numDecimal = arrDecimal.split('');
        var DecimalData = new Array();
        for (var i in numDecimal) {
            for (var i2 in Chinese) {
                if (numDecimal[i] == i2) {
                    DecimalData.push(Chinese[i2]);
                }
            }
        }
        //小数部分 数组拼接
        for (var i in DecimalData) {
            for (var i2 in ChineseDecimal) {
                if (i == i2) {
                    DecimalData[i] = DecimalData[i] + ChineseDecimal[i];
                }
            }
        }
        for (var i in DecimalData) {
            resultDecimal += DecimalData[i];
        }
    }
    //整数部分+小数部分 拼接返回
    return resultNegative + resultInteger + resultDecimal;
}

- 阅读剩余部分 -

转载文章：

http://www.cnblogs.com/yexiaochai/p/3594561.html

http://www.cnblogs.com/yexiaochai/p/3602002.html

http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html

http://www.cnblogs.com/snandy/archive/2013/05/20/3088613.html

以上两个牛人的文章写得已经很详细明了，推荐大家学习！

- 阅读剩余部分 -

简述：

经常遇到文件上传的一些前端功能，例如:会员头像编辑，身份证等证件的上传等等；
而这时需要在当前页面完成整个上传过程，不刷新不跳转，就可以用到这个原理。
在页面中嵌入一个隐藏的iframe元素，并且让表单的target指向iframe的name属性值，例如：form中target="tarframe06"，iframe=name="tarframe06"；
然后检测，api返回的数据，最终来完成这个过程。




- 阅读剩余部分 -

代码：

<script src="yourUrl/md5.min.js"></script>
或者：
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"></script>
 
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>

示例：

var hash = md5("value");  // "2063c1608d6e0baf80249c42e2be5804"
 
var hash = md5("111111");  // "96e79218965eb72c92a549dd5a330112"

参考地址：

http://www.bootcdn.cn/blueimp-md5/

https://github.com/blueimp/JavaScript-MD5

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7