有人建议我尝试这个简单的jQuery 插件来给数字一个收银机效果
首先,我想在jsfiiddle中进行测试,看看它是如何工作的,但是出现了问题,因为我没有得到任何效果。我对插件所做的唯一修改如下:
easing: 'swing',
duration: 1700,
并不是
easing: 'linear',
duration: 700,
我不明白我做错了什么,或者插件中有问题?
它根本不适合你,因为你没有正确使用函数参数。
但即使你做对了——这个插件很糟糕。效果很差。
试试这个:
http://code.google.com/p/jquery-formatcurrency/
工作示例(我对其进行了测试,效果很好)
http://www.bendewey.com/code/formatcurrency/demo/
资源:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQuery FormatCurrency Sample</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery.formatCurrency-1.4.0.min.js"></script>
<style type="text/css">
body, div { margin:0px auto; padding:0px; }
.main { margin:40px; }
.sample { float:left; margin:10px; padding:4px; border:1px solid #888; width:350px; }
.sample h3 { margin:-4px; margin-bottom:10px; padding:4px; background:#555; color:#eee; }
.currencyLabel { display:block; }
</style>
<script type="text/javascript">
// Sample 1
$(document).ready(function()
{
$('#currencyButton').click(function()
{
$('#currencyField').formatCurrency();
$('#currencyField').formatCurrency('.currencyLabel');
});
});
// Sample 2
$(document).ready(function()
{
$('.currency').blur(function()
{
$('.currency').formatCurrency();
});
});
</script>
</head>
<body>
<div class="main">
<div class="formPage">
<h1>Format Currency Sample</h1>
<div class="sample">
<h3>Formatting Using Button Click</h3>
<input type="textbox" id="currencyField" value="$1,220.00" />
<input type="button" id="currencyButton" value="Convert" />
<div>
Formatting Currency to an Html Span tag.
<span class="currencyLabel">$1,220.00</span>
</div>
</div>
<div class="sample">
<h3>Formatting Using Blur (Lost Focus)</h3>
<input type="textbox" id="currencyField" class='currency' value="$1,220.00" />
</div>
</div>
</div>
</body>
</html>