首先还是来看一下运行效果如图1所示。
[img]http://files.jb51.net/upload/201108/20110812110711756.gif[/img]
[b]该插件使用步骤[/b]
一、引入css文件
首先页面引入css样式文件‘votecss.css',他是投票结果正常显示必不可少的。具体代码如下所示:
<link href="startpic/votecss.css" rel="stylesheet" type="text/css" />
二、引入jQuery的就是源文件
该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下:
<script type="text/javascript" src="startpic/jquery.js"></script>
三、引入投票插件
引入自己开发的投票插件“Studyplay_vote.js”,具体代码如下所示:
<script src="startpic/Studyplay_vote.js"></script>
四、页面调用
首先在页面中添加一个ID为‘z'的div元素,编写JavaScript代码显示投票结果具体代码如下:
[url=http://demo.jb51.net/js/2011/studyplayvote/index.html]http://demo.jb51.net/js/2011/studyplayvote/index.html[/url]
该文件的下载地址为:
[url=http://xiazai.jb51.net/201108/yuanma/studyplayvote.rar]studyplayvote.rar[/url]
希望朋友下载使用,有问题谢谢反馈