您當(dāng)前位置：首頁(yè) > web前端 > jscript > 實(shí)例代碼：JavaScript打造簡(jiǎn)單評(píng)分功能

實(shí)例代碼：JavaScript打造簡(jiǎn)單評(píng)分功能

來(lái)源：程序員人生發(fā)布時(shí)間：2013-12-22 08:06:25 閱讀次數(shù)：3143次

　　教程今天在藍(lán)色理想轉(zhuǎn)的時(shí)候，看到一位仁兄技術(shù)非常不錯(cuò)，就去其獨(dú)立博客轉(zhuǎn)了轉(zhuǎn)，沒(méi)想到收益頗多，尤其看到一款類似星級(jí)評(píng)分的實(shí)例代碼，更牛x的是，實(shí)現(xiàn)了小數(shù)！我們來(lái)看下面的代碼。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><FCK:meta http-equiv="Content-Type" content="text/html; charset=GBK" /><FCK:meta name="author" content="Stri" /><link rel="start" href="http://www.jyygyx.com" title="Home" /><title>評(píng)分插件</title><script type="text/javascript">var userAgent = navigator.userAgent.toLowerCase();var is_opera = userAgent.indexOf('opera') != -1 && opera.version();var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);function $(id){ return document.getElementById(id); }//圖片var vote_image0='http://www.jyygyx.com/templets/images/cmt-good0.gif';var vote_image='http://www.jyygyx.com/templets/images/cmt-good.gif';//加載圖片window.onload=function onload_img(){var vote_div=document.getElementsByTagName("body")[0]; for(var i=1;i<=5;i++){ var vote_img=document.createElement('img'); vote_div.appendChild(vote_img); vote_img.setAttribute("src",vote_image0); vote_img.setAttribute("id","yes_"+i); vote_img.setAttribute("title",i+"分"); vote_img.style.cursor="pointer"; if(is_ie){ vote_img.setAttribute("onmouseover",function(){put_fs(this);}); vote_img.setAttribute("onmouseout",function(){out_fs(this);}); vote_img.setAttribute("onclick",function(){is_fs(this);}); } else{ vote_img.setAttribute("onmouseover",'put_fs(this)'); vote_img.setAttribute("onmouseout",'out_fs(this)'); vote_img.setAttribute("onclick",'is_fs(this)'); } } }function put_fs(id){ var str=id.id; var obj=str.split("_")[1]; for(var i=1;i<=obj;i++){ $("yes_"+i).src=vote_image; } } function out_fs(id){ var str=id.id; var obj=str.split("_")[1]; for(var i=1;i<=obj;i++){ $("yes_"+i).src=vote_image0; } }function is_fs(id){ var str=id.id; var obj=str.split("_")[1]; var vote_span=document.createElement("div"); out_fs=function(){return false;}; put_fs=function(){return false;};for(var i=1;i<=obj;i++){ $("yes_"+i).src=vote_image;}var vote_span_text="你評(píng)了"+obj+"分！";document.getElementsByTagName("body")[0].innerHTML+=vote_span_text;is_fs=function(){return false;};}</script></head><body></body></html>
提示：可修改后代碼再運(yùn)行!

　　怎么不錯(cuò)吧？想不想看看帶小數(shù)的...請(qǐng)點(diǎn)擊下一頁(yè)閱讀。

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 中國(guó)的網(wǎng)頁(yè)Web2.0：一場(chǎng)奢華的春夢(mèng)！

下一篇 Perl操作mysql數(shù)據(jù)庫(kù)的方法

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

實(shí)例代碼：JavaScript打造簡(jiǎn)單評(píng)分功能