效果图：
代码如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS+CSS实现投票效果</title> <link href="https://hovertree.com/texiao/js/24/style.css" type="text/css"> <script src="https://hovertree.com/texiao/js/24/vote.js" type="text/javascript"></script> </head> <body> <div><h1>原生JS实现在线问卷调查投票特效</h1> </div> <!--问卷调查内容--> <div> <div> <ul> 1.您觉得现在哪些开发语言有前途： <li><input type="checkbox" value="C#" /><span>C#</span></li> <li><input type="checkbox" value="Java" /><span>Java</span></li> <li><input type="checkbox" value="Swift" /><span>Swift</span></li> <li><input type="checkbox" value="C++" /><span>C++</span></li> <li><input type="checkbox" value="JavaScript" /><span>JavaScript</span></li> <li><input type="checkbox" value="其他" /><span>其他</span></li> <li><button type="button">投票</button></li> </ul> </div> <div> <ul> 2.您认为哪些网站适合手机或触屏访问： <li><input type="checkbox" value="博客园" /><span>博客园</span></li> <li><input type="checkbox" value="何问起" /><span>何问起</span></li> <li><input type="checkbox" value="CSDN" /><span>CSDN</span></li> <li><input type="checkbox" value="柯乐义" /><span>柯乐义</span></li> <li><input type="checkbox" value="GitHub" /><span>GitHub</span></li> <li><input type="checkbox" value="hovertree.net" /><span>hovertree.net</span></li> <li><button type="button">投票</button></li> </ul> </div> </div> </body> </html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
您可能感兴趣的文章: