解决方案 »
- 如何用Jquery区别textbox 和button分别施加不同css呢?
- 关于得到下拉框ID的问题。
- jQuery.boxy的弹出iframe窗口 如何关闭他呢?
- 请问如何通过javascript检查网络连接的状态
- prototype定义的函数无法访问构造函数里的变量,有什么好的解决方案吗?
- 如何实现Ctrl键一直处于按下状态呢?
- 小弟刚刚接触JS,有个非常简单的问题要问!
- 关于验证数字、时间的正则表达式,大家帮忙,立刻给分!
- 请问怎么调用IE的SaveAs功能 ?
- 如何用正则获取第二个双引号间的内容,不包括双引号
- javascript 报错,SCRIPT28: 堆栈溢出
- siblings() 和 parent().find()
<meta content="text/html; charset=gb2312" http-equiv="content-type">
<title>goo</title>
<meta name="keywords" content="goo">
<meta name="description" content="goo">
<meta name="author" content="去看看">
<meta name="Copyright" content="去看看版权所有">
<link type="text/css" rel="stylesheet" href="http://www.qkankan.com/qkankan/css/site.css">
<link type="text/css" rel="stylesheet" href="http://www.qkankan.com/qkankan/css/content.css">
<script src="http://www.qkankan.com/qkankan/js/ajax.js" type="text/javascript"></script>
<script>
function getStar(num){
infen(num);
GI("currentrating").style.width=(num*10)+"px";
GI("currentrating").style.display="block";
}</script>
</head>
<body>
<div class="cleardiv"></div>
<div id="main">
<div id="mainleft2">
<div class="blueborder">
<div id="siteout">
<div id="siteinfo">
<div id="sitelogo">
<span></span>
<ul class="starrating">
<li id="currentrating" style="width: 80px; display: block;"></li>
<li><a class="star1" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=1','EchoReturnedText','GET','');"
onclick="getStar(1)" onMouseOver="infen(1)">1</a></li>
<li><a class="star2" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=2','EchoReturnedText','GET','');"
onclick="getStar(2)" onMouseOver="infen(2)">2</a></li>
<li><a class="star3" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=3','EchoReturnedText','GET','');"
onclick="getStar(3)" onMouseOver="infen(3)">3</a></li>
<li><a class="star4" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=4','EchoReturnedText','GET','');"
onclick="getStar(4)" onMouseOver="infen(4)">4</a></li>
<li><a class="star5" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=5','EchoReturnedText','GET','');"
onclick="getStar(5)" onMouseOver="infen(5)">5</a></li>
<li><a class="star6" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=6','EchoReturnedText','GET','');"
onclick="getStar(6)" onMouseOver="infen(6)">6</a></li>
<li><a class="star7" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=7','EchoReturnedText','GET','');"
onclick="getStar(7)" onMouseOver="infen(7)">7</a></li>
<li><a class="star8" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=8','EchoReturnedText','GET','');"
onclick="getStar(8)" onMouseOver="infen(8)">8</a></li>
<li><a class="star9" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=9','EchoReturnedText','GET','');"
onclick="getStar(9)" onMouseOver="infen(9)">9</a></li>
<li><a class="star10" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=10','EchoReturnedText','GET','');"
onclick="getStar(10)" onMouseOver="infen(10)">10</a></li>
</ul>
<span id="pftip"></span><span id="pfno"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</body></html>以上是改动后的代码,去掉 onMouseOut,增加onclick事件,事件调用 getStar(num)方法
看下ajax.js里面的源码,打分星星效果主要通过GI("currentrating").style.display="block";设置,而其后的数字和文字提示通过
infen(10)方法,楼主可以试试
<meta content="text/html; charset=gb2312" http-equiv="content-type">
<title>goo</title>
<meta name="keywords" content="goo">
<meta name="description" content="goo">
<meta name="author" content="去看看">
<meta name="Copyright" content="去看看版权所有">
<link type="text/css" rel="stylesheet" href="http://www.qkankan.com/qkankan/css/site.css">
<link type="text/css" rel="stylesheet" href="http://www.qkankan.com/qkankan/css/content.css">
<!--<script src="http://www.qkankan.com/qkankan/js/ajax.js" type="text/javascript"></script>-->
</head>
<body>
<div class="cleardiv"></div>
<div id="main">
<div id="mainleft2">
<div class="blueborder">
<div id="siteout">
<div id="siteinfo">
<div id="sitelogo">
<span></span>
<ul class="starrating">
<li id="currentrating" style="width: 0px; display: block;"></li>
<li><a class="star1" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=1','EchoReturnedText','GET','');" onclick="infen(1)">1</a></li>
<li><a class="star2" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=2','EchoReturnedText','GET','');" onclick="infen(2)">2</a></li>
<li><a class="star3" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=3','EchoReturnedText','GET','');" onclick="infen(3)">3</a></li>
<li><a class="star4" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=4','EchoReturnedText','GET','');" onclick="infen(4)">4</a></li>
<li><a class="star5" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=5','EchoReturnedText','GET','');" onclick="infen(5)">5</a></li>
<li><a class="star6" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=6','EchoReturnedText','GET','');" onclick="infen(6)">6</a></li>
<li><a class="star7" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=7','EchoReturnedText','GET','');" onclick="infen(7)">7</a></li>
<li><a class="star8" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=8','EchoReturnedText','GET','');" onclick="infen(8)">8</a></li>
<li><a class="star9" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=9','EchoReturnedText','GET','');" onclick="infen(9)">9</a></li>
<li><a class="star10" href="javascript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=58&id=60&fen=10','EchoReturnedText','GET','');" onclick="infen(10)">10</a></li>
</ul>
<span id="pftip"></span><span id="pfno"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var fentip = new Array("", "很差,浪费生命", "很差,浪费生命", "不喜欢", "不喜欢", "一般,不妨一看", "一般,不妨一看", "一般,不妨一看", "喜欢,值得推荐", "喜欢,值得推荐", "非常喜欢,不容错过") function infen(score) {
document.getElementById('pftip').innerHTML = fentip[score];
document.getElementById('pfno').innerHTML = score + "分 ";
document.getElementById('currentrating').style.width = score * 10 + 'px';
}
</script>
</body></html> 这个样?他代码我就不看了。。还不如自己写一个