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-12
2010-04-04
好像見(jiàn)過(guò)類(lèi)似的效果，用JS控制單選框，從而改變某鏈接的網(wǎng)址，根據(jù)用戶的選擇返回給不同的鏈接地址，鏈接的錨文字不會(huì)變，鏈接地址卻默默的變化了，點(diǎn)擊運(yùn)行看一下效果吧。2009-10-10
javascript 復(fù)選框選擇/全選后特效...2007-07-07
按鈕里的字可以換行嗎...2006-10-10
Javascript 文本框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-12
取得input元素中部分選中(selected)的值...2006-12-12
textarea保留換行的注意事項(xiàng)...2007-08-08
js限制文本框?yàn)檎麛?shù)和貨幣的函數(shù)代碼
js限制文本框?yàn)檎麛?shù)和貨幣的函數(shù)代碼，方便一些數(shù)據(jù)庫(kù)字段的控制。2010-10-10