當前位置:編程學習大全網 - 編程語言 - 類似淘寶 動態星星的 評分 js 是怎麽傳值的

類似淘寶 動態星星的 評分 js 是怎麽傳值的

$(document).ready(function(){

var stepW = 24;

var description = new Array("非常差,回去再練練","真的是差,都不忍心說妳了","壹般,還過得去吧","很好,是我想要的東西","太完美了,此物只得天上有,人間哪得幾回聞!");//定義評價

var stars = $("#star > li");//獲取id是 star 下的 li 標簽

var descriptionTemp;

$("#showb").css("width",0);//給id是showb jquery對象給壹個寬度

stars.each(function(i){ //循環所有stars 對象

$(stars[i]).click(function(e){//給單個li 綁定個 點擊事件

var n = i+1;

$("#showb").css({"width":stepW*n});//在給id是showb jquery對象給壹個寬度

descriptionTemp = description[i];//給descriptionTemp賦值

$(this).find('a').blur();//在當前的li標簽查找 a 標簽,給這個a標簽添加壹個失去焦點的事件

return stopDefault(e);

return descriptionTemp;

});

});

stars.each(function(i){//再次循環

$(stars[i]).hover(//給對象綁定壹個鼠標移上去的事件

function(){

$(".description").text(description[i]);//給class 為description 的對象添加

},

function(){

if(descriptionTemp != null)

$(".description").text("當前您的評價為:"+descriptionTemp);評價

else

$(".description").text(" ");

}

);

});

});

function stopDefault(e){

if(e && e.preventDefault)

e.preventDefault();

else

window.event.returnValue = false;

return false;

};

  • 上一篇:凱迪拉克的所有車型以及介紹
  • 下一篇:魅族獨有環保,任意兩舊充電器換壹個40W快充,那把它拆了看看
  • copyright 2024編程學習大全網