PHP评分系统-PHP 튜토리얼-php.cn

집

백엔드 개발

PHP 튜토리얼

PHP评分系统

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 02:31 PM

<!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><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>Title</title><style type="text/css"><!--body {background:#fff;text-align:center;margin:0 auto;padding: 0;font:12px Arial;color:#000;line-height:1.2em}div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}table,td,tr,th{font-size:12px;}/* 星级评分 */.shop-rating {    height: 25px;    overflow: hidden;    zoom: 1;    padding: 2px 0px;    position: relative;    z-index: 999;}.shop-rating span {    height: 23px;    display: block;    line-height: 23px;    float: left;}.shop-rating span.title {    width: 125px;    text-align: right;    margin-right: 5px;}.shop-rating ul {    float: left;	margin:0;padding:0}.shop-rating .result {    margin-left: 20px;    padding-top: 2px;}.shop-rating .result span {	color: #ff6d02;}.shop-rating .result em {    color: #f60;    font-family: arial;    font-weight: bold;}.shop-rating .result strong {	color: #666666;	font-weight: normal;}.rating-level,.rating-level a {    background: url(startpic/star_v2.png) no-repeat scroll 1000px 1000px;}.rating-level {    background-position: 0px 0px;    width: 120px;    height: 23px;    position: relative;    z-index: 1000;}.rating-level li {    display: inline;}.rating-level a {    line-height: 23px;    height: 23px;    position: absolute;    top: 0px;    left: 0px;    text-indent: -999em;    *zoom: 1;}.rating-level a.one-star {    width: 20%;    z-index: 6;}.rating-level a.two-stars {width: 40%;z-index: 5;}.rating-level a.three-stars {    width: 60%;    z-index: 4;}.rating-level a.four-stars {    width: 80%;    z-index: 3;}.rating-level a.five-stars {    width: 100%;    z-index: 2;}.rating-level .current-rating,.rating-level a:hover{background-position:0 -28px;}.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}--></style></head><body><div class="shop-rating">	<span class="title">卖家服务的态度：</span>	<ul class="rating-level" id="stars1">		<li><a class="one-star" star:value="1" href="#">1</a></li>		<li><a class="two-stars" star:value="2" href="#">2</a></li>		<li><a class="three-stars" star:value="3" href="#">3</a></li>		<li><a class="four-stars" star:value="4" href="#">4</a></li>		<li><a class="five-stars" star:value="5" href="#">5</a></li>	</ul>	<span class="result" id="stars1-tips"></span>    <input type="hidden" id="stars1-input" name="b" value="" size="2" /></div><div class="shop-rating">	<span class="title">宝贝与描述相符：</span>	<ul class="rating-level" id="stars2">		<li><a class="one-star" star:value="1" href="#">1</a></li>		<li><a class="two-stars" star:value="2" href="#">2</a></li>		<li><a class="three-stars" star:value="3" href="#">3</a></li>		<li><a class="four-stars" star:value="4" href="#">4</a></li>		<li><a class="five-stars" star:value="5" href="#">5</a></li>	</ul>	<span class="result" id="stars2-tips"></span>    <input type="hidden" id="stars2-input" name="b" value="" size="2" /></div><div class="shop-rating">	<span class="title">卖家发货的速度：</span>	<ul class="rating-level" id="stars3">		<li><a class="one-star" star:value="1" href="#">1</a></li>		<li><a class="two-stars" star:value="2" href="#">2</a></li>		<li><a class="three-stars" star:value="3" href="#">3</a></li>		<li><a class="four-stars" star:value="4" href="#">4</a></li>		<li><a class="five-stars" star:value="5" href="#">5</a></li>	</ul>	<span class="result" id="stars3-tips"></span>    <input type="hidden" id="stars3-input" name="b" value="" size="2" /></div><div class="shop-rating">	<span class="title">物流公司的速度：</span>	<ul class="rating-level" id="stars4">		<li><a class="one-star" star:value="1" href="#">1</a></li>		<li><a class="two-stars" star:value="2" href="#">2</a></li>		<li><a class="three-stars" star:value="3" href="#">3</a></li>		<li><a class="four-stars" star:value="4" href="#">4</a></li>		<li><a class="five-stars" star:value="5" href="#">5</a></li>	</ul>	<span class="result" id="stars4-tips"></span>    <input type="hidden" id="stars4-input" name="b" value="" size="2" /></div><div class="shop-rating">	<span class="title">物流公司的服务：</span>	<ul class="rating-level" id="stars5">		<li><a class="one-star" star:value="20" href="#">20</a></li>		<li><a class="two-stars" star:value="40" href="#">40</a></li>		<li><a class="three-stars" star:value="60" href="#">60</a></li>		<li><a class="four-stars" star:value="80" href="#">80</a></li>		<li><a class="five-stars" star:value="100" href="#">100</a></li>	</ul>	<span class="result" id="stars5-tips"></span>	<input type="hidden" id="stars5-input" name="b" value="" size="2" /></div><!-- END 星级评分 --><input type="button" value="test" onclick="teststars()" /><script type="text/javascript">var Class = {	create: function() {		return function() { this.initialize.apply(this, arguments); }	}}var Extend = function(destination, source) {	for (var property in source) {		destination[property] = source[property];	}}function stopDefault( e ) {	 if ( e && e.preventDefault ){		e.preventDefault();	}else{		window.event.returnValue = false;	}	return false;} /** * 星星打分组件 * * @author	Yunsd * @date	2010-7-5 */var Stars = Class.create();Stars.prototype = {	initialize: function(star,options) {		this.SetOptions(options); //默认属性		var flag = 999; //定义全局指针		var isIE = (document.all) ? true : false; //IE?		var starlist = document.getElementById(star).getElementsByTagName('a'); //星星列表		var input = document.getElementById(this.options.Input) || document.getElementById(star+"-input"); // 输出结果		var tips = document.getElementById(this.options.Tips) || document.getElementById(star+"-tips"); // 打印提示		var nowClass = " " + this.options.nowClass; // 定义选中星星样式名		var tipsTxt = this.options.tipsTxt; // 定义提示文案		var len = starlist.length; //星星数量				for(i=0;i<len;i++){ // 绑定事件 点击 鼠标滑过			starlist[i].value = i;			starlist[i].onclick = function(e){				stopDefault(e);				this.className = this.className + nowClass;				flag = this.value;				input.value = this.getAttribute("star:value");				tips.innerHTML = tipsTxt[this.value]			}			starlist[i].onmouseover = function(){				if (flag< 999){					var reg = RegExp(nowClass,"g");					starlist[flag].className = starlist[flag].className.replace(reg,"")				}			}			starlist[i].onmouseout = function(){				if (flag< 999){					starlist[flag].className = starlist[flag].className + nowClass;				}			}		};		if (isIE){ //FIX IE下样式错误			var li = document.getElementById(star).getElementsByTagName('li');			for (var i = 0, len = li.length; i < len; i++) {				var c = li[i];				if (c) {					c.className = c.getElementsByTagName('a')[0].className;				}			}		}	},	//设置默认属性	SetOptions: function(options) {		this.options = {//默认值			Input:			"",//设置触保存分数的INPUT			Tips:			"",//设置提示文案容器			nowClass:	"current-rating",//选中的样式名			tipsTxt:		["1分-严重不合格","2分-不合格","3分-合格","4分-优秀","5分-完美"]//提示文案		};		Extend(this.options, options || {});	}}/* For TEST */function teststars(){	alert('卖家服务的态度：'+document.getElementById("stars1-input").value+'分.\n宝贝与描述相符：'+document.getElementById("stars2-input").value+'分.\n卖家发货速度：'+document.getElementById("stars3-input").value+'分.\n物流公司速度：'+document.getElementById("stars4-input").value+'分.\n物流公司态度：'+document.getElementById("stars5-input").value+'分.');}var Stars1 = new Stars("stars1")var Stars2 = new Stars("stars2");var Stars2 = new Stars("stars3");var Stars2 = new Stars("stars4",{nowClass:"current-rating",tipsTxt:["100分-严重不合格","200分-不合格","300分-合格","400分-优秀","500分-完美"]});var Stars2 = new Stars("stars5");</script> </body></html>

로그인 후 복사

PHP使用如下：

conn.php 链接数据库文件我就不写了。

<?php	$sell=mysql_query("select * from sjpj where sjid='$_GET[id]'");	$dian=mysql_fetch_array($sell);	$num=mysql_num_rows($sell);		if($num==0){			$fen=0;			$num=1;		}else{				$sq="select sum(fen) from sjpj  where sjid='$_GET[id]'";				$res=mysql_query($sq);				$row1=mysql_fetch_row($res);				$fen=$row1[0];		}	  $fen=$fen/$num;?>

로그인 후 복사

如果是多个的话可以直接加 sum()　

显示html文件：

<img  src="/static/imghw/default1.png"  data-src="images/space000.gif"  class="lazy" title="<?php echo  round($fen,1);? alt="PHP评分系统" >分" class="star level<?php echo round($fen);?>" />

로그인 후 복사

space000.gif（这个图片就是一个 1px的图片）：

로그인 후 복사

css样式：

.star{	width:124px;	height:27px;	background: url(../images/stat.png) 0 0;	cursor:pointer;	position:relative;}.level0{background-position:-0px -0px;}.level1{background-position:0px -29px;}.level2{background-position:0px -58px;}.level3{background-position:0px -87px;}.level4{background-position:0px -116px;}.level5{background-position:0px -145px;}

로그인 후 복사

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7543

Cakephp 튜토리얼

1381

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

ALIPAY PHP SDK 전송 오류 : '클래스 부호 데이터를 선언 할 수 없음'의 문제를 해결하는 방법은 무엇입니까? Apr 01, 2025 am 07:21 AM

Alipay PHP ...

JWT (JSON Web Tokens) 및 PHP API의 사용 사례를 설명하십시오. Apr 05, 2025 am 12:04 AM

JWT는 주로 신분증 인증 및 정보 교환을 위해 당사자간에 정보를 안전하게 전송하는 데 사용되는 JSON을 기반으로 한 개방형 표준입니다. 1. JWT는 헤더, 페이로드 및 서명의 세 부분으로 구성됩니다. 2. JWT의 작업 원칙에는 세 가지 단계가 포함됩니다. JWT 생성, JWT 확인 및 Parsing Payload. 3. PHP에서 인증에 JWT를 사용하면 JWT를 생성하고 확인할 수 있으며 사용자 역할 및 권한 정보가 고급 사용에 포함될 수 있습니다. 4. 일반적인 오류에는 서명 검증 실패, 토큰 만료 및 대형 페이로드가 포함됩니다. 디버깅 기술에는 디버깅 도구 및 로깅 사용이 포함됩니다. 5. 성능 최적화 및 모범 사례에는 적절한 시그니처 알고리즘 사용, 타당성 기간 설정 합리적,

PHP에서 늦은 정적 결합의 개념을 설명하십시오. Mar 21, 2025 pm 01:33 PM

기사는 PHP 5.3에 도입 된 PHP의 LSB (Late STATIC BING)에 대해 논의하여 정적 방법의 런타임 해상도가보다 유연한 상속을 요구할 수있게한다. LSB의 실제 응용 프로그램 및 잠재적 성능

확실한 원칙과 PHP 개발에 적용되는 방법을 설명하십시오. Apr 03, 2025 am 12:04 AM

PHP 개발에서 견고한 원칙의 적용에는 다음이 포함됩니다. 1. 단일 책임 원칙 (SRP) : 각 클래스는 하나의 기능 만 담당합니다. 2. Open and Close Principle (OCP) : 변경은 수정보다는 확장을 통해 달성됩니다. 3. Lisch의 대체 원칙 (LSP) : 서브 클래스는 프로그램 정확도에 영향을 미치지 않고 기본 클래스를 대체 할 수 있습니다. 4. 인터페이스 격리 원리 (ISP) : 의존성 및 사용되지 않은 방법을 피하기 위해 세밀한 인터페이스를 사용하십시오. 5. 의존성 반전 원리 (DIP) : 높고 낮은 수준의 모듈은 추상화에 의존하며 종속성 주입을 통해 구현됩니다.