手机版

基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)

时间:2021-09-17 来源:互联网 编辑:宝哥软件园 浏览:

基于jQuery实现仿搜狐辩论投票动画代码,一款个性的卡通小人正方反方辩论投票特效代码。移动动画效果平滑自然。具有非常好的用户体验。该源码兼容目前最新的各类主流浏览器。

效果演示源码下载

超文本标记语言代码:

脚本类型='text/javascript'$(文档)。ready(function(){ var a=500;var b=130$('#white ').动画({ width: 0,left: '250px' },1000,function () {$('#vs ').fadeIn('slow ',function () {$('#all ')).html(a b);$('#aa ').html(a);$('#bb ').html(b);var NewLeft=a/(a b)* 500-20 ' px ';//20为相对的一半$('#vs ').动画({ left: newLeft },1000);$('#red ').动画({ width: newLeft },1000);});});});/script div id=' box _ BG ' div id=' container ' div id=' green ' class=' line '/div div id=' red ' class=' line '/div div id=' white ' line '/div div id=' vs '/div/div/div style=' width 3360440 px;margin :0 px auto ' div id=' aa2 ' class=' scope '正方span id='aa'/span票/divdiv id='bb2' class='scope '反共span id='bb'/span票/divdiv id='all2' class='scope '总共span id='all'/span票/div/div以上代码是基于jQuery实现仿搜狐辩论投票动画代码,希望对大家有所帮助!

版权声明:基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。