1、html结构
<div class="numberRun1"></div>
2、js
<script type="text/javascript" src="js/digital_over.js" ></script>//引用 //这是自定义函数（需要在页面中进行调用） <script> //数字滚动function digitalScroll(obj,n){ var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","}) var nums = n setInterval(function(){numRun.resetData(nums) },3000) var numWidth= $(obj).width() $(obj).find('.mt-number-animate').css('width',numWidth) $(obj).css('width','100%') $(obj).find('.mt-number-animate').css('margin','0 auto') }window.indexdigitalScroll=function(){ digitalScroll($('.numberRun1'),1160518) } </script> <!--这是在页面中调用的方法--> <script> $(function(){ indexdigitalScroll() }) </script>
3、图片案例
//做个计时器就可以了var i=1
var s=setInterval(fun,1000)//开始即时
fhtml(i)//初始化一个
function fun(){
i++
if(i>10){
clearInterval(s)return false
}
fhtml(i)
}
function fhtml(n){
$('div').html(n+'/10')
}
这有些前端jquer效果 可以参考下erlo.vip
是数字加1，还是出现+1的视觉效果？- -
数字加1的话，比较简单，直接设一个全局变量用来计算，只要网页不关闭，全局变量会一直存在，然后发生onchage事件时判断是否被选中，选中则调用计数函数，不选则什么也不做。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
text-align:center
}
</style>
<script type="text/javascript">
var i=1//设置全局变量
function tans()
{
tags_a=document.getElementById("dz")
tags_a.innerHTML=i
i++
}
</script>
</head>
<body>
<div><input type="checkbox" name="a1" onclick="this.checked?tans():0"/>赞同<div>
<div>票数:</div>
<div><a style="color:red" id="dz" >0</a></div>
</body>
</html>
