Kuidas Teha Sildipilve

Sisukord:

Kuidas Teha Sildipilve
Kuidas Teha Sildipilve

Video: Kuidas Teha Sildipilve

Video: Kuidas Teha Sildipilve
Video: KUIDAS TEHA KODUVEINI 2024, Detsember
Anonim

Kindlasti olete paljudel saitidel ja ajaveebides kohanud sellist naljakat asja nagu sildipilv. Kui soovite oma veebisaidil või ajaveebis sellise pilve luua, leiate sellest artiklist juhised selle loomiseks.

Sildipilv on siltide või kategooriate kogum, mis ilmuvad kõige sagedamini otsingute, linkide ja sõna mainimisel. Ja mida sagedamini üks või teine sõna või mõiste esineb, seda suuremaks muutub pilt, sisaldades hüperlingi nende mõistete ja sõnade juurde.

Kuidas teha sildipilve
Kuidas teha sildipilve

Juhised

Samm 1

Esmalt genereerige vormi: paar - esinemiste arv paaride loend. Selleks kasutage järgmist koodi:

1. <?

2. klassi TagsCloud {

3.

4. privaatsed $ sildid;

5.

6. erafirma $ font_size_min = 14;

7. erafirma $ font_size_step = 5;

8.

9. function _construct ($ tags) {

10.

11. segamine ($ sildid);

12. $ this-> tags = $ tags;

13.

14. }

15.

16. erafunktsioon get_tag_count ($ tag_name, $ tags) {

17.

18. $ arv = 0;

19.

20. foreach ($ sildid kui $ tag) {

21. if ($ tag == $ tag_name) {

22. $ arv ++;

23. }

24. }

25.

26. tagastage $ count;

27.

28. }

29.

30. erafunktsioon tagscloud ($ tags) {

31.

32. $ tags_list = massiiv ();

33.

34. foreach ($ sildid kui $ tag) {

35. $ tags_list [$ tag] = ise:: get_tag_count ($ tag, $ tags);

36. }

37.

38. tagastage $ tags_list;

39.

40. }

41.

42. erafunktsioon get_min_count ($ tags_list) {

43.

44. $ min = $ tags_list [$ this-> tags [0];

45.

46. foreach ($ tags_list kui $ tag_count) {

47.

48. kui ($ tag_count <$ min) $ min = $ tag_count;

49.

50. }

51.

52. tagasi $ min;

53.

54. }

55.

56. avalik funktsioon get_cloud () {

57.

58. $ pilv = massiiv ();

59.

60. $ tags_list = self:: tagscloud ($ this-> tags);

61. $ min_count = ise:: get_min_count ($ tags_list);

62.

63. foreach ($ tags_list as $ tag => $ count) {

64.

65. $ font_steps = $ count - $ min_loend;

66. $ font_size = $ this-> font_size_min + $ this-> font_size_step * $ font_steps;

67.

68. $ pilv = ". $ Silt. ";

69. }

70.

71. return $ pilv;

72.

73. }

74. }

75. ?>

2. samm

Töötage selle koodiga järgmiselt:

01. <?

02.

03. $ tags = massiiv (04. '1111', '2222', '333', '444', 05. '5555', '666', '777', '777', 06. '333', '8888', '6666', '333', 07. '888', '000’, '989', '45455', 08. '5555', '63636', '54545', '55656'

09.);

10.

11. $ mycloud = new TagsCloud ($ tags);

12. $ tags_list = $ mycloud-> get_cloud ();

13.

14. foreach ($ tags_list kui $ tag) {

15. kaja $ silt. " ";

16. }

17.

18. ?>

Numbrite asemel pange vajalikud sildid!

3. samm

Asjakohasuse põhjal sildipilve kuvamiseks tehke järgmist. Seadistustes määrake minimaalne fondi suurus, mis vastab minimaalsele esinemiste arvule (see tähendab üks esinemine). Kasutage välja font_size_min.

4. samm

Määrake ülejäänud siltide fondi suurus järgmiselt: iga kord suurendab fonti ühe piksli võrra. Selleks kasutage välja font_size_step.

5. samm

Kui soovite oma märgendipilve täiustada, lisage see js-skripti.

Edu oma pilvede loomisel!

Soovitan: