<!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>投票 - 动感舞台m-zone.cn - 动感地带</title>
<link href="vote.css" rel="stylesheet" type="text/css" media="all" />
<script src="jquery.js" type="text/javascript" ></script>
<script type="text/javascript">
var lengthdata = {"bg1":50,"bg2":80,"bg3":100,"bg4":110,"bg5":130,"bg6":50,"bg7":80,"bg8":100,"bg9":110,"bg10":130,"bg11":50,"bg12":80,"bg13":100,"bg14":110,"bg15":130,"bg16":50,"bg17":80,"bg18":100,"bg19":110,"bg20":130};
var timer;
var length=0;
function _bodyonload()
{
timer = setInterval("setLength()" , 10);
}
function setLength()
{
var step = 4;
length = length+step;
var flag = 0;
for(var i in lengthdata)
{
if(length <= lengthdata[i]+step)
{
flag = 1;
if(length > lengthdata[i])
{
document.getElementById(i).style.width = lengthdata[i]+"px";
}
else
{
document.getElementById(i).style.width = length+"px";
}
}
}
if(flag == 0)
{
clearInterval(timer);
}
}
$(document).ready(function(){
//alert('tt');
});
</script>
</head>
<body>
<div id="vote">
<div id="vote_left_impl">
<h3 style="width:100%; text-align:center; font-size:larger">2009春节，你回家过吗（UI）</h3>
<p class="vote_info">详细说明文字:2009年这么快就来到了我们身边。回首2008，我们走过了太多的风风雨雨，也取得了奥运的辉煌。09年，又是一个新的开始。加油哦～～</p>
<form method="post" action="#" id="check_vote_cont" name="check_vote_cont" onSubmit="return check_vote(10);" style=" float:left; border-bottom:1px solid #ccc; width:100%; line-height:30px; padding:5px 0;">
<ol>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg1" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg2" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg3" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg4" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg5" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg6" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg7" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg8" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg9" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
<div class="opt_title" style=""> 我是选项标题:</div>
<div class="opt_img">
<div class="left_border" ><img src="http://rrimg.com/xnapp/vote/img/b1_l.gif" /></div>
<div id="bg10" class="img_prog" style="width:136px; "></div>
<div class="right_border"><img src="http://rrimg.com/xnapp/vote/img/b1_r.gif" /></div>
</div>
<div class="opt_check"><input name="" type="checkbox" value="" class="check"/></div>
<div class="opt_count">1000000 (100%)</div>
</li>
<li>
用图片做的进度条（适用于投票栏目）
5星 · 超过95%的资源 需积分: 14 135 浏览量
2009-01-15
18:28:31
上传
评论
收藏 20KB RAR 举报 
.rar （13个子文件） 
vote images 
b3.gif 52B b5.gif 52B b9.gif 52B b6.gif 52B b1.gif 52B b2.gif 52B b10.gif 52B b7.gif 52B b4.gif 52B b8.gif 52B
滚动条演示.html 14KB
jquery.js 54KB vote.css 3KB资源评论
更好的设计2013-07-10还行,就是文件有点大
