<html>
<head>
<meta charset="UTF-8">
<title>动漫投票</title>
</head>
<!-- 这里使用了一张背景,注释掉了。
<body style="background-image:url(body.jpeg) background-size:100% background-repeat: no-repeat">
-->
<body>
<div align="center"><img src="head2.jpg" /></div>
<div align="center">
<h4>热门动漫投票</h4>
<table id="main" >
<tr >
<td>
<input type="radio" name="option" checked="checked"/>猫和老鼠
</td>
</tr>
<tr>
<td style="width:550px">
<div id=0 style="background-color:#acd6ff width:0 height:20px border-width:0px">
</div>
</td>
<td>
<label id="label0">0</label>票
</td>
</tr>
<tr>
<td>
<input type="radio" name="option" />海贼王
</td>
</tr>
<tr >
<td>
<div id=1 style="background-color:#0066cc height:20px width:0 border-width:0px border-color:blue border-style:solid text-align:right" ></div>
</td>
<td>
<label id="label1">0</label>票
</td>
</tr>
<tr >
<td>
<input type="radio" name="option" />喜羊羊
</td>
</tr>
<tr >
<td>
<div id=2 style="background-color:#ff7575 height:20pxwidth:0 border-width:0px border-color:blue border-style:solid text-align:right" ></div>
</td>
<td>
<label id="label2">0</label>票
</td>
</tr>
<tr>
<td>
<input type="radio" name="option" />其他
</td>
</tr>
<tr >
<td>
<div id=3 style="background-color:#5cadadheight:20pxwidth:0 border-width:0px border-color:blue border-style:solid text-align:right" ></div>
</td>
<td>
<label id="label3">0</label>票
</td>
</tr>
<tr>
<td><p>
<input type="submit" value="确认投票" onclick="vote()"/>
</td>
</tr>
</table>
</div>
</body>
<script type="text/javascript">
//在每个投票选项后面写了个div,用div的宽度来代表当前该选项的投票数。
function vote(){ //函数vote,当点击确认投票的时候,调用vote方法
//for循环的条件是,所有投票选项的个数。
for(var i = 0 i < document.getElementsByName("option").length i++){
//查找到是哪个投票选项被选中
if(document.getElementsByName("option")[i].checked == true){
var width = document.getElementById(i).style.width //获取到当前选项的宽度。
width = parseInt(width)//将宽度转化为int型,因为获取到的width的单位是px
width += 3//改变width的值,这里就是定义每次投票的进度条的增速
document.getElementById(i).style.width = width+"px"//修改原div的宽度
var label = "label"+i//lable标签里面写的是当前的投票数目。
var num = document.getElementById(label).innerText//获取到当前的票数
document.getElementById(label).innerText = ++num//票数加1,并修改原值
}
}
//alert("投票成功")
}
</script>
</html>
---------------------
作者:王Bob
来源:CSDN
原文:https://blog.csdn.net/u011215133/article/details/51068484
版权声明:本文为博主原创文章,转载请附上博文链接!
可以看看这个一个简单的投票系统,可以参考下。
用第三方合作平台,将html5和页面素材先上传到第三方服务端,也可以在微信平台通过文字或链接跳转的形式,实现html5页面的转换。
自从微信升级 X5 Blink内核之后,兼容性大大好转。IOS虽说没有升级统一为同一版本的内核,但IOS版本的微信一直是WKWebView内核,WKWebView的版本依赖于IOS的版本。
IOS 8.0以上的系统,对Html5和css3的支持率也很高,基本的H5,CSS3的特性均得到支持,测试中有详细数据。
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3C Recommendation、见本处参考资料原文内容:)。
2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。
1905电影网讯 由北京大学影视戏剧研究中心与浙江大学国际影视发展研究院合作推出的《中国电影蓝皮书》《中国电视剧蓝皮书》之“年度影响力影视剧”案例报告首轮评选启动。“蓝皮书”以“影响力”为关键词,经过三轮严格筛选,将选出2022年最具代表性的10部电影及电视剧作品。
第一轮由所有影迷、剧迷在“1905电影网”进行大范围票选,在40部电影(包括网络电影)/电视剧(包括网络剧)之中,根据票数排名产生影/剧30佳榜单;
第二轮由北京大学、浙江大学学生代表从30佳榜单中选出20佳;
第三轮暨最后一轮由全国50位影视学者、评论家从20佳中投票选出10佳,产生“2022中国电影、电视剧年度影响力榜单”。
“蓝皮书”将以十佳作品为个案,深入剖析中国电影、电视剧行业年度10大重要现象,从中归纳2022年度中国影视产业创作与发展的特征和规律,以此见证并推助中国影视创作的质量提升、影视产业的升级换代与电影工业美学的理论建构。
在此诚挚邀请您参与评选2022年度中国十大影响力电影、电视剧,感谢您的支持和参与。
投票规则:
点击【电视剧】、【电影】进入相应类别投票页面,分别从选项区40部作品中,选出10部你心目中的年度影响力作品。
投票通道:https://www.1905.com/html5/2022lpstop/
投票时间:即日起至2023年1月10日24时止。(注:2022年度影响力十佳作品,为2022年1月1日—12月31日在中国内地上映/开播的国产影视作品。)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)