dedecmsタグタグでランダムな色とフォントサイズを実装する方法

藏色散人
リリース: 2019-12-27 09:23:43
オリジナル
1847 人が閲覧しました

dedecmsタグタグでランダムな色とフォントサイズを実装する方法

dedecms タグ ランダムな色とフォント サイズを実現するにはどうすればよいですか?

実現したい機能は、色やフォントサイズなどが異なるタグを含むタグクラウドの効果です。色やフォントサイズはランダムに表示され、コードを変更することもできます。範囲を制御します。見てください。かなり良さそうです。実装方法を見てみましょう。興味のある方はお見逃しなく。

推奨学習: 梦Weavercms

機能説明:

色や文字サイズの異なるタグを含むタグクラウドの効果を実現色や文字サイズをランダムに表示し、コードを変更することでその範囲を制御できます。

異なる色やフォント サイズのタグなど、DeDeCms タグ クラウドの効果を実現します。色やフォント サイズはランダムに表示され、コードを変更してその範囲を制御できます。

修正方法:

1. /include/common.func.phpに以下の関数を追加します。

コードは次のとおりです:

function getTagStyle() 
{ 
$minFontSize=8; //最小字体大小,可根据需要自行更改 
$maxFontSize=18; //最大字体大小,可根据需要自行更改 
return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); 
}
ログイン後にコピー

この関数の機能は、フォント サイズや色を含むランダムなスタイルを出力することです。

完全にランダムではなく、いくつかのフォント サイズのみを表示するように指定したい場合は、上記の関数コードを次のように変更してください:

コードは次のとおりです:

function getTagStyle() 
{ 
$sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可根据需要自行修改 
return 'font-size:'.$sizearray[rand(0,count($sizearray))].'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); 
}
ログイン後にコピー

2. テンプレートで次のコードを使用してタグを呼び出します。

コードは次のとおりです:

{dede:tag row='45' getall='1' sort='hot'} 
<a href=&#39;[field:link/]&#39; title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a> 
{/dede:tag}
ログイン後にコピー

3. Dede バックグラウンドで対応する HTML を生成します。効果を見てみましょう。

以上がdedecmsタグタグでランダムな色とフォントサイズを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート