지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > PHP와 CSS 태그 클라우드 효과

PHP와 CSS 태그 클라우드 효과

WBOY
풀어 주다： 2016-07-25 08:56:46
원래의
958명이 탐색했습니다.
  2. function createTagCloud($tags)
  3. {
  4. //I pass through an array of tags
  5. $i=0;
  6. foreach($tags as $tag)
  7. {
  8. $id = $tag['id']; //the tag id, passed through
  9. $name = $tag['tag']; //the tag name, also passed through in the array
  11. //using the mysql count command to sum up the tutorials tagged with that id
  12. $sql = "SELECT COUNT(*) AS totalnum FROM tutorials WHERE tags LIKE '%".$id."%' AND published = 1";
  14. //create the resultset and return it
  15. $res = mysql_query($sql);
  16. $res = mysql_fetch_assoc($res);
  18. //check there are results ;)
  19. if($res)
  20. {
  21. //build an output array, with the tag-name and the number of results
  22. $output[$i]['tag'] = $name;
  23. $output[$i]['num'] = $res['totalnum'];
  24. }
  26. $i ;
  27. }
  29. /*this is just calling another function that does a similar SQL statement, but returns how many pieces of content I have*/
  30. $total_tuts = $this->getNumberOfTutorials();
  32. //ugh, XHTML in PHP? Slap my hands - this isn't best practice, but I was obviously feeling lazy
  33. $html = '
      ';
    • //iterate through each item in the $output array (created above)
    • foreach($output as $tag)
    • {
    • //get the number-of-tag-occurances as a percentage of the overall number
    • $ratio = (100 / $total_tuts) * $tag['num'];
    • //round the number to the nearest 10
    • $ratio = round($ratio,-1);
    • /*append that classname onto the list-item, so if the result was 20%, it comes out as cloud-20*/
    • $html.= '
    • '.$tag['tag'].'
      • ';
    • }
    • //close the UL
    • $html.= '
    ';
  35. return $html;
  36. }
复制代码

2，css代码部分 /*删除默认的列表样式，使之成为一个普通的清单列表*/

  2. .home-item ul.tagcloud
  3. {
  4. list-style-type:none;
  5. margin:0px;
  6. padding:0px;
  7. }
  9. /*设置li的样式*/
  10. .home-item ul.tagcloud li
  11. {
  12. display:inline !important;
  13. margin-right:15px;
  14. line-height:2em;
  15. }
  17. .home-item ul.tagcloud li a
  18. {
  19. display:inline;
  20. }
  22. /*标签云的效果*/
  23. .home-item ul.tagcloud li.cloud-10 a
  24. {
  25. font-size:110%;
  26. }
  28. .home-item ul.tagcloud li.cloud-20 a
  29. {
  30. font-size:120%;
  31. }
  33. .home-item ul.tagcloud li.cloud-30 a
  34. {
  35. font-size:130%;
  36. }
  38. /*************************************
  39. you get the idea, i'm skipping a few
  40. *************************************/
  42. .home-item ul.tagcloud li.cloud-90 a
  43. {
  44. font-size:190%;
  45. }
  47. .home-item ul.tagcloud li.cloud-100 a
  48. {
  49. font-size:200%;
  50. }
复制代码


관련 라벨：
php与css 标签云效果
원천：php.cn
이전 기사：PHP로 엑셀 파일을 작성하기 위한 구현 코드 다음 기사：PHP 이미지 이미지 함수 세트
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
3
2245
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
11
2385
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1994
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1881
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1950
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿