大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

html5投票,h5线上投票

html5投票系统哪个比较好?

!DOCTYPE html

创新互联是一家集网站建设,寿宁企业网站建设,寿宁品牌网站建设,网站定制,寿宁网站建设报价,网络营销,网络优化,寿宁网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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:20px;width: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:#5cadad;height:20px;width:0; border-width:0px; border-color:blue; border-style:solid ; text-align:right;" /div

/td

td

label id="label3"0/label票

/td

/tr

tr

tdp

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 

原文: 

版权声明:本文为博主原创文章,转载请附上博文链接!

可以看看这个一个简单的投票系统,可以参考下。

html5页面如何用微信打开并分享?

用第三方合作平台,将html5和页面素材先上传到第三方服务端,也可以在微信平台通过文字或链接跳转的形式,实现html5页面的转换。

自从微信升级 X5 Blink内核之后,兼容性大大好转。IOS虽说没有升级统一为同一版本的内核,但IOS版本的微信一直是WKWebView内核,WKWebView的版本依赖于IOS的版本。

IOS 8.0以上的系统,对Html5和css3的支持率也很高,基本的H5,CSS3的特性均得到支持,测试中有详细数据。

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改(这是一项推荐标准、外语原文:W3C Recommendation、见本处参考资料原文内容:)。

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

后台如何利用 HTML 投票

用application做,不知道你是否满意,

首先在你网站根目录下新建一个名为:Global.asa的文件,然后把下列代码贴上去:

script language="vbscript" runat="server"

Sub Application_OnStart

application("yes")=0

application("no")=0

End Sub

/script

然后再建一个投票的ASP文件,内容:

style type="text/css"

!--

.Vote {

height: 15px;

width: 200px;

border: 1px solid #0033FF;

}

#cYes {

background-color: #FF6600;

height: 15px;

width: 100px;

}

#cNo {

background-color: #FF6600;

height: 15px;

width: 100px;

}

--

/style

form action="" method="post"

br /

input name="yes" type="radio" value="yes" onclick="if (this.checked==true) no.checked=false;" /赞成br /

input name="no" type="radio" value="no" onclick="if (this.checked==true) yes.checked=false;"/反对br /

input name="投票" type="submit" value="投票" /

/form

%

nyes=0

nNo=0

'如果想重新计票,用下面四行

'application.lock()

'application("yes")=application("yes")+1

'application("no")=application("no")+1

'application.unlock()

count=application("yes")+application("no")

if count0 then

nyes=int(application("yes")*200/count)

nNo=int(application("no")*200/count)

end if

sYes=Request.form("yes")

sNo=Request.form("no")

act= Request.form("投票")

if act="投票" Then

if sYes="yes" Then

application.lock()

application("yes")=application("yes")+1

application.unlock()

Else

if sNo="no" then

application.lock()

application("no")=application("no")+1

application.unlock()

end if

End if

'图形化显示投票结果

count=application("yes")+application("no")

if count0 then

nyes=int(application("yes")*200/count)

nNo=int(application("no")*200/count)

end if

end if

%

赞成:%=application("yes")%票

div class="Vote" div ID="cYes" neme="cYes" style="width:%=nyes%px;"/div/div

反对::%=application("no")%票

div class="Vote" div ID="cNo" neme="cNo" style="width:%=nNo%px;"/div/div

html页面仿投票效果,怎么做

用Cookie来记录最后一次投票的时间,每次投票时就和当前时间作对比,可以防止重复投票,票数也用Cookie来记录,但只能对同一台机器有效了。我只能给你设置和读取Cookie的代码,怎么用只是取决于你的业务逻辑,很简单自己实现吧。/*设置cookie@param cookieName -- Cookie名称@param cookieValue -- Cookie的值*/

function setCookie(cookieName, cookieValue) {

if(cookieValue == "") {

return;

}

var date = new Date();

date.setTime(date.getTime()+1000*(60*60*24*10)); //设置cookie过期时间

document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + date.toGMTString();

}/*根据cookie名称读取cookie的值@param cookieName -- Cookie名称*/function readCookieValue(cookieName) {

var v = document.cookie;

var start1 = v.indexOf(cookieName);

if(start1 == -1) { //没有找到对应名称的Cookie

return "";

}else {

var start = v.indexOf("=",start1)+1;

var end = v.indexOf(";",start);

return unescape(v.substring(start,end));

}

}


标题名称:html5投票,h5线上投票
文章链接:http://dzwzjz.com/article/dssdieh.html
在线咨询
服务热线
服务热线:028-86922220
TOP