> 백엔드 개발 > PHP 튜토리얼 > PHP_php 예제에 구현된 다채로운 라벨 효과 코드 공유

PHP_php 예제에 구현된 다채로운 라벨 효과 코드 공유

WBOY
풀어 주다: 2016-05-16 20:37:49
원래의
969명이 탐색했습니다.

현재 다들 블로그 왼쪽에 아름답고 컬러풀한 마크를 추가하는 경우가 많은데, 저는 이 작은 기능을 제 웹사이트에도 추가하고 싶습니다.

안타깝게도 더 이상 WordPress를 사용할 때만큼 편리하지 않습니다. WordPress를 사용하는 친구들은 마우스 클릭만으로 기성 플러그인을 직접 사용하고 이 눈부신 기능을 추가할 수 있습니다. 작은 방송국 프로그램은 제가 직접 작성했어요. 그런 기능을 추가하고 싶다면 그래도 직접 해봐야 하니까 그냥 학습이라고 생각하세요!

먼저 현재 컬러풀한 라벨의 주요 발현을 분석해보았는데, 크게 두 가지로 다양한 색상과 다양한 사이즈가 있습니다. 이것이 컬러풀한 태그의 특징이라 PHP의 랜덤함수인 rand를 생각하게 되었습니다. 크기를 직접 지정하고 Rand를 사용하여 색상을 무작위로 선택하면 됩니다.

크기의 임의 값을 쉽게 얻을 수 있으므로 직접 생성하고 단위를 연결하기만 하면 됩니다

코드 복사 코드는 다음과 같습니다.

// 임의의 크기 인스턴스
$m = 랜드(20,30);
echo '임의의 크기';
?>

색상값 생성은 좀 더 번거롭습니다. 색상값은 16진수 문자로 표현되고, 랜덤함수 rand는 0부터 F까지 직접 생성할 수 없기 때문입니다. 결국 16진수 문자를 직접 배열에 저장한 뒤, 마우스 첨자는 이렇게 무작위로 생성됩니다. 무작위 색상도 얻을 수 있습니다
코드 복사 코드는 다음과 같습니다.

// 임의 색상 함수
// 무작위로 생성된 색상값을 직접 반환
함수 getColor(){
​​​​ // 먼저 배열을 사용하여 16진수 문자를 배열에 저장합니다
$arr = 배열('0','1','2','3','4','5','6','7','8','9','A',' B','C','D','E','F');

                   // 색상 값의 길이가 6비트이므로 6번 반복됩니다.
for($i=0;$i<6;$i ){
                             // 0부터 15까지의 숫자를 무작위로 생성한 후 이를 배열 첨자로 사용하여 값을 얻습니다. ​​
$color .= $arr[rand(0,15)]
}

              // 복귀 시 # 기호 추가
'#'.$color를 반환합니다.
}
?>

임의의 크기와 임의의 색상이 완료되면 나머지는 더 이상 문제가 되지 않습니다. 모든 태그를 꺼내고 중복 항목을 제거한 다음 배열을 탐색하여 HTML 텍스트를 생성하세요.

마지막으로 몇 가지 제안 사항이 있습니다. PHP는 서버 측이므로 매번 Rand를 실행하면 서버의 무게가 줄어듭니다(특히 강력한 시스템은 무시해도 됩니다. 결국 VPS를 사용하는 사람들이 많이 있기 때문입니다). 블로그에 새 태그를 삭제, 수정 또는 추가하는 등 블로그 태그가 변경되면 해당 태그를 다시 생성한 다음 다채로운 태그의 HTML 텍스트를 생성할 수 있습니다. 마지막으로 생성된 다채로운 HTML은 데이터베이스에 저장할 필요가 없으며 파일에 직접 저장한 다음 포함할 수 있습니다.

현재 제 홈페이지는 이렇게 구현되어 있습니다. 시간이 나면 JavaScript를 소개하여 다채로운 태그를 구현하겠습니다. JavaScript는 클라이언트 측 동작이므로 서버 측 문제에 대해 걱정할 필요가 없다는 점만 제외하면 JavaScript가 더 좋습니다. 대화형이며 애니메이션 효과가 포함된 클라우드 태그를 만들 수 있습니다.

관련 라벨:
php
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿