宝华建站吧 关注:10贴子:176
  • 0回复贴,共1

宝华建站CSS实现3D柱状图动画特效

只看楼主收藏回复

js代码
<script>
//Global:
var survey = []; //Bidimensional array: [ [1,3], [2,4] ]
//switcher function:
$(".rb-tab").click(function(){
//Spot switcher:
$(this).parent().find(".rb-tab").removeClass("rb-tab-active");
$(this).addClass("rb-tab-active");
});
//Save data:
$(".trigger").click(function(){
//Empty array:
survey = [];
//Push data:
for (i=1; i<=$(".rb").length; i++) {
var rb = "rb" + i;
var rbValue = parseInt($("#rb-"+i).find(".rb-tab-active").attr("data-value"));
//Bidimensional array push:
survey.push([i, rbValue]); //Bidimensional array: [ [1,3], [2,4] ]
};
//Debug:
debug();
});
//Debug:
function debug(){
var debug = "";
for (i=0; i<survey.length; i++) {
debug += "No " + survey[i][0] + " = " + survey[i][1] + "\n";
};
alert(debug);
};
</script>
这是一款经过美化简单实用的jQuery单项选择题问卷调查表单代码,jQuery问卷调查表单样式。
浏览效果:http://www.php.cn/xiazai/preview/1768


1楼2018-01-24 04:38回复