jquery星星評分代碼，到小數(shù)點，有css

下面是js 的評分實現(xiàn),每次評分都是整數(shù),4.2只是個平均值

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)旬陽,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

用這個就可以了

SELECT avg(star) as stars FROM content where id =100

只有一個數(shù)值,就是你要的平均分,也就是4.2

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title星級評分系統(tǒng)/title

style

body,div,ul,li,p{margin:0;padding:0;}

body{color:#666;font:12px/1.5 Arial;}

ul{list-style-type:none;}

#star{position:relative;width:600px;margin:10px auto;}

#star ul,#star span{float:left;display:inline;height:19px;line-height:19px;}

#star ul{margin:0 10px;}

#star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(/jscss/demoimg/201206/star.png) no-repeat;}

#star strong{color:#f60;padding-left:10px;}

#star li.on{background-position:0 -28px;}

#star p{position:absolute;top:20px;width:159px;height:60px;display:none;background:url(/jscss/demoimg/201206/icon.gif) no-repeat;padding:7px 10px 0;}

#star p em{color:#f60;display:block;font-style:normal;}

/style

script type="text/javascript"

window.onload = function ()

{

var oStar = document.getElementById("star");

var aLi = oStar.getElementsByTagName("li");

var oUl = oStar.getElementsByTagName("ul")[0];

var oSpan = oStar.getElementsByTagName("span")[1];

var oP = oStar.getElementsByTagName("p")[0];

var i = iScore = iStar = 0;

var aMsg = [

"很不滿意|差得太離譜，與賣家描述的嚴(yán)重不符，非常不滿",

"不滿意|部分有破損，與賣家描述的不符，不滿意",

"一般|質(zhì)量一般，沒有賣家描述的那么好",

"滿意|質(zhì)量不錯，與賣家描述的基本一致，還是挺滿意的",

"非常滿意|質(zhì)量非常好，與賣家描述的完全一致，非常滿意"

]

for (i = 1; i = aLi.length; i++)

{

aLi[i - 1].index = i;

//鼠標(biāo)移過顯示分數(shù)

aLi[i - 1].onmouseover = function ()

{

fnPoint(this.index);

//浮動層顯示

oP.style.display = "block";

//計算浮動層位置

oP.style.left = oUl.offsetLeft + this.index * this.offsetWidth - 104 + "px";

//匹配浮動層文字內(nèi)容

oP.innerHTML = "emb" + this.index + "/b 分 " + aMsg[this.index - 1].match(/(.+)\|/)[1] + "/em" + aMsg[this.index - 1].match(/\|(.+)/)[1]

};

//鼠標(biāo)離開后恢復(fù)上次評分

aLi[i - 1].onmouseout = function ()

{

fnPoint();

//關(guān)閉浮動層

oP.style.display = "none"

};

//點擊后進行評分處理

aLi[i - 1].onclick = function ()

{

iStar = this.index;

oP.style.display = "none";

oSpan.innerHTML = "strong" + (this.index) + " 分/strong (" + aMsg[this.index - 1].match(/\|(.+)/)[1] + ")"

}

}

//評分處理

function fnPoint(iArg)

{

//分數(shù)賦值

iScore = iArg || iStar;

for (i = 0; i aLi.length; i++) aLi[i].className = i iScore ? "on" : "";

}

};

/script

/head

body

div id="star"

span點擊星星就能打分/span

ul

lia href="javascript:;"1/a/li

lia href="javascript:;"2/a/li

lia href="javascript:;"3/a/li

lia href="javascript:;"4/a/li

lia href="javascript:;"5/a/li

/ul

span/span

p/p

/div

/body

/html

網(wǎng)頁上怎樣表示動態(tài)用星星表示評分 的html+css，支持半顆星

你可以到這個地方去看一下

半星可以將圖片換成灰色星星和半星然后多加5個A標(biāo)簽和label

javascript+html+css 來實現(xiàn)一個體育班成績錄入并自動評分 只要思路和算法，不要具體程序代碼

這要啥思路。。。按順序設(shè)置ID 設(shè)置平時成績

然后最后得分= 所有加一起除以一個數(shù)唄

比如 50米 5s/合格成績*100% 800米 XX秒 一起加一起除以N

css樣式中的三分之一怎么寫 33.33%嗎？比如在一個ul中設(shè)定三個同等大小的li，寬度怎么設(shè)定？

css3有個display:flex的屬性

即

ul{width:100%; display:flex;}

ul li{flex:1;}

這樣就可以評分，但是兼容性較差，如果考慮到兼容性，將li設(shè)置成33.33%是可以的，但是會有一點點的空隙，但是不明顯

純CSS顯示評分星星（包括半星）

已經(jīng)有好多插件可以實現(xiàn)星星打分和顯示，但只是根據(jù)分數(shù)來顯示星星或半星時，只需用CSS實現(xiàn)會比較簡潔不需要引用多于的JS。

HTML

CSS

顯示結(jié)果

想要顯示不數(shù)量的星星時，只要修改 data-rating 的設(shè)置值即可。

下方的鏈接可以直接動手調(diào)試