javascript+css好多網(wǎng)站用的選星星實(shí)現(xiàn)打分功能的函數(shù)
更新時(shí)間:2008年05月08日 12:20:11 作者:
javascript+css好多網(wǎng)站用的選星星實(shí)現(xiàn)打分功能的函數(shù)
函數(shù)有兩個(gè)參數(shù),功能如下:
obj: img標(biāo)簽組的父容器,類(lèi)型為DOM對(duì)象;
oEvent: event對(duì)象。
這個(gè)函數(shù)的優(yōu)點(diǎn)是html代碼可以很簡(jiǎn)潔,使用圖片也可以很少,只需要兩張圖片。事件句柄只需要寫(xiě)在img的父容器上即可。演示用的圖片我用的是絕對(duì)地址,各位在使用的時(shí)候改成網(wǎng)站的相對(duì)地址就可以了。當(dāng)我們點(diǎn)擊的時(shí)候,我用的是個(gè)alert事件。事實(shí)上,我們會(huì)在這個(gè)地方用個(gè)ajax方法,把相關(guān)的參數(shù)傳到服務(wù)器端。只要把a(bǔ)lert(this._num+1)寫(xiě)成sendAjax(this._num+1)就可以了。
需要的兩張圖片:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
obj: img標(biāo)簽組的父容器,類(lèi)型為DOM對(duì)象;
oEvent: event對(duì)象。
這個(gè)函數(shù)的優(yōu)點(diǎn)是html代碼可以很簡(jiǎn)潔,使用圖片也可以很少,只需要兩張圖片。事件句柄只需要寫(xiě)在img的父容器上即可。演示用的圖片我用的是絕對(duì)地址,各位在使用的時(shí)候改成網(wǎng)站的相對(duì)地址就可以了。當(dāng)我們點(diǎn)擊的時(shí)候,我用的是個(gè)alert事件。事實(shí)上,我們會(huì)在這個(gè)地方用個(gè)ajax方法,把相關(guān)的參數(shù)傳到服務(wù)器端。只要把a(bǔ)lert(this._num+1)寫(xiě)成sendAjax(this._num+1)就可以了。
需要的兩張圖片:


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- JS實(shí)現(xiàn)星星評(píng)分功能實(shí)例代碼(兩種方法)
- js點(diǎn)亮星星評(píng)分并獲取參數(shù)的js代碼
- js星星評(píng)分效果
- js實(shí)現(xiàn)星星打分效果的方法
- js實(shí)現(xiàn)的星星評(píng)分功能函數(shù)
- JS實(shí)現(xiàn)評(píng)價(jià)的星星功能
- js實(shí)現(xiàn)飛入星星特效代碼
- AngularJS實(shí)現(xiàn)星星等級(jí)評(píng)分功能
- javascript實(shí)現(xiàn)隨機(jī)顯示星星特效
- js實(shí)現(xiàn)星星閃特效
相關(guān)文章
textbox 在光標(biāo)位置插入字符功能的js實(shí)現(xiàn)(兼容ie,firefox)
document.selection.createRange是IE獨(dú)有的 而firefox也有獨(dú)有的一套2009-12-12Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長(zhǎng)收縮
之前一段時(shí)間項(xiàng)目中用到的一個(gè)功能,用Javascript控制文本框textarea高度隨內(nèi)容自適應(yīng)增長(zhǎng)收縮,今天花了點(diǎn)時(shí)間換了種實(shí)現(xiàn)方法,總結(jié)一下。2011-07-07用JavaScript限制textarea輸入長(zhǎng)度 (For: IE、Firefox ...)[
用JavaScript限制textarea輸入長(zhǎng)度 (For: IE、Firefox ...)[...2006-12-12js限制文本框?yàn)檎麛?shù)和貨幣的函數(shù)代碼
js限制文本框?yàn)檎麛?shù)和貨幣的函數(shù)代碼,方便一些數(shù)據(jù)庫(kù)字段的控制。2010-10-10