jQuery正方反方辩论投票动画特效.zip资源-CSDN文库

共7个文件

gif：4个

html：1个

js：1个

版权申诉

jquery

jquery特效

jquery代码

jquery插件

174 浏览量 2023-09-21 00:12:11 上传评论收藏 35KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery正方反方辩论投票动画特效.zip （7个子文件）

jquery.min.js 70KB

css

style.css 785B

index.html 2KB

images

vs.gif 2KB

green.gif 113B

bg.gif 6KB

red.gif 111B

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery正方反方辩论投票动画特效</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body><script src="/demos/googlegg.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var a = 500; var b = 130; $("#white").animate({ 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 的一半 $("#vs").animate({left:newLeft}, 1000); $("#red").animate({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" class="line"></div> <div id="vs"></div> </div> </div> <div style="width:440px; margin:0px auto;"> <div id="aa2" class="scope">正方<span id="aa"></span>票</div> <div id="bb2" class="scope">反共<span id="bb"></span>票</div> <div id="all2" class="scope">总共<span id="all"></span>票</div> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉