ホームページ php教程 PHP源码 Tinkphp彩色标签Tags的实现方法

Tinkphp彩色标签Tags的实现方法

May 25, 2016 pm 05:09 PM
ラベル


我们浏览网页时经常看到眩目的彩色标签,而且每刷新一下浏览器,都会更新为不同的颜,是不是很“惊艳”?现在来看一下它在Thinkphp上的现实方法。
 
项目函数库的位置:项目\Common\common.php
项目函数库加入以下处理函数
 
 
1 function rcolor() {   
 
2 $rand = rand(0,255);//随机获取0--255的数字   
 
3 return sprintf("%02X","$rand");//输出十六进制的两个大写字母   
 
4 }   
 
5 function rand_color(){   
 
6     return '#'.rcolor().rcolor().rcolor();//六个字母   
 
7 } 
在控制器加入获取标签列表的方法
 
1 //标签控制器查询标签表以获取标签列表   
 
2     function Tags($Module) {   
 
3         $Tag = M('Tag');   
 
4         $map['module']= $Module;   
 
5         $Tagslist = $Tag->where($map)->field('id,name,count')->order('count desc')->limit('0,25')->select();   
 
6         $this->assign('tags', $Tagslist);   
 
7         $this->display();   
 
8      
 
9 } 
把标签列表输出在模板上
 
 
1 <volist id="vo" name="tags" >   
 
2  <li><a href="{:U(&#39;/web&#39;,&#39;tag=&#39;.$vo[&#39;name&#39;]|urlencode)}"><span style="font-size:{color:{$vo.id|rand_color}">  {$vo.name}[{$vo.count}]</span></a></li>   
 
3   </volist> 
说明:{$vo.id|rand_color}为调用项目函数库的“ rand_color()”方法。
ログイン後にコピー

                   

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Chrome と Edge のすべてのタブでテキストを検索する方法 Chrome と Edge のすべてのタブでテキストを検索する方法 Feb 19, 2024 am 11:30 AM

このチュートリアルでは、Windows の Chrome または Edge で開いているすべてのタブで特定のテキストまたは語句を検索する方法を説明します。 Chrome で開いているすべてのタブでテキスト検索を行う方法はありますか?はい。Chrome で無料の外部 Web 拡張機能を使用すると、タブを手動で切り替えることなく、開いているすべてのタブでテキスト検索を実行できます。 TabSearch や Ctrl-FPlus などの一部の拡張機能を使用すると、これを簡単に実現できます。 Google Chrome のすべてのタブでテキストを検索するにはどうすればよいですか? Ctrl-FPlus は、ユーザーがブラウザ ウィンドウのすべてのタブで特定の単語、語句、またはテキストを簡単に検索できるようにする無料の拡張機能です。この展開は

Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?プラットフォーム上のどのタグがトラフィックを引き付けるのが最も簡単ですか? Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?プラットフォーム上のどのタグがトラフィックを引き付けるのが最も簡単ですか? Mar 22, 2024 am 10:28 AM

人気のショートビデオソーシャルプラットフォームとして、Douyin は巨大なユーザーベースを持っています。 Douyin クリエイターにとって、タグを使用してトラフィックを集めるのは、コンテンツの露出を増やして注目を集める効果的な方法です。では、Douyin はトラフィックを集めるためにタグをどのように使用しているのでしょうか?この記事では、この質問に詳しく答え、関連するテクニックを紹介します。 1. Douyin にタグを追加してトラフィックを集めるにはどうすればよいですか?動画を投稿するときは、必ずコンテンツに関連したタグを選択してください。ユーザーがタグからビデオを見つけやすくするために、これらのタグはビデオのトピックとキーワードをカバーする必要があります。人気のハッシュタグを活用することは、動画の露出を増やす効果的な方法です。現在人気のタグやトレンドを調査し、動画の説明やタグに組み込んでください。これらの人気のあるタグは通常、視認性が高く、より多くの視聴者の注目を集めることができます。 3. ラベル

TikTokレーベルの後ろにある時計は何ですか? Douyinアカウントにタグを付けるにはどうすればよいですか? TikTokレーベルの後ろにある時計は何ですか? Douyinアカウントにタグを付けるにはどうすればよいですか? Mar 24, 2024 pm 03:46 PM

Douyin の作品を閲覧していると、タグの後ろに時計のアイコンが表示されることがよくあります。それで、この時計は一体何なのでしょうか?この記事では、「Douyin ラベルの背後にある時計とは何か」についての議論に焦点を当て、Douyin を使用する際に役立つ参考になれば幸いです。 1. Douyin ラベルの後ろにある時計は何ですか? Douyin はいくつかのホットなトピック チャレンジを開始します。ユーザーが参加すると、タグの後に時計アイコンが表示されます。これは、その作品がトピック チャレンジに参加していることを意味し、チャレンジの残り時間が表示されます。休日や特別なイベントなど、時間に敏感な一部のコンテンツの場合、Douyin はラベルの後に時計アイコンを添付して、コンテンツの有効期間をユーザーに思い出させます。 3. 人気のタグ: タグが人気になると、Douyin はタグの後に時計アイコンを追加して、そのタグが人気であることを示します。

html5タグのヘッドとヘッダーの違いは何ですか? html5タグのヘッドとヘッダーの違いは何ですか? Jan 17, 2022 am 11:10 AM

相違点: 1. head タグは、すべての head 要素のコンテナであるドキュメントの先頭を定義するために使用され、header タグはドキュメントのヘッダー (紹介情報) を定義するために使用されます; 2. すべてのブラウザは、 head タグと古いバージョンのブラウザ どのブラウザも header タグをサポートしていません。header タグをサポートするには、IE9 以降などのブラウザが必要です。

HTML の video 要素を詳しく見る HTML の video 要素を詳しく見る Feb 24, 2024 pm 08:18 PM

HTMLのvideoタグの詳しい説明 HTML5のvideoタグは、Webページ上で動画を再生するために使用されるタグです。 MP4、WebM、Ogg などのさまざまな形式を使用してビデオをレンダリングできます。この記事では、videoタグの使い方を詳しく紹介し、具体的なコード例を示します。基本構造 video タグの基本構造は次のとおりです。

Win11 でカラードキュメントを印刷する際の問題を解決するにはどうすればよいですか? Win11 でカラードキュメントを印刷する際の問題を解決するにはどうすればよいですか? Jan 04, 2024 pm 05:41 PM

カラー プリンタでカラー印刷ができません。これは、Win11 システムを使用しているユーザーが遭遇する問題です。解決方法がわかりません。この記事では、Win11 カラー プリンタでカラー ドキュメントを印刷できない問題の解決策を示します。方法 1: PrintSpooler サービスを再起動する 1. まず、キーボードの [Win+X] キーを押すか、タスクバーの [Windows スタート アイコン] を右クリックし、表示される隠しメニュー項目で [ファイル名を指定して実行] を選択します。 ; 2. 実行ウィンドウで [services.msc] コマンドを入力し、[OK または Enter] を押してサービスを開きます; 3. サービス ウィンドウで [PrintSpooler]; PrintSpooler という名前のサービスを見つけてダブルクリックして開きますサービス

DingTalkアプリで外部連絡先タグを削除する方法 DingTalkアプリで外部連絡先タグを削除する方法 Feb 24, 2024 am 08:20 AM

DingTalk アプリで外部連絡先タグを削除するにはどうすればよいですか? DingTalk には外部連絡先タグを削除する機能がありますが、ほとんどの友人は DingTalk で外部連絡先タグを削除する方法を知りません。次に、エディターがユーザーに提供する DingTalk ガイドです。グラフィカル チュートリアルです。 Ding アプリで外部連絡先タグを削除する方法について説明しています。興味のあるユーザーはぜひご覧ください。 DingTalk アプリで外部連絡先タグを削除する方法 1. まず DingTalk アプリを開き、メイン ページで以下に示すように [管理] 機能をクリックします; 2. 次に、エンタープライズ管理インターフェイスに入り、[外部連絡先] を見つけます; 3. 次に、外部連絡先設定機能ページで、[ラベル管理] サービスを選択します; 4. 次に、メイン連絡先ラベル ページで、削除するラベル グループの種類を選択します; 5. 最後に、赤いラベル グループをクリックします

HTML と CSS を使用して固定ナビゲーション メニューを含むレイアウトを実装する方法 HTML と CSS を使用して固定ナビゲーション メニューを含むレイアウトを実装する方法 Oct 26, 2023 am 11:02 AM

HTML と CSS を使用して固定ナビゲーション メニューを含むレイアウトを実装する方法 最新の Web デザインでは、固定ナビゲーション メニューは一般的なレイアウトの 1 つです。ナビゲーション メニューを常にページの上部または横に配置できるため、ユーザーは Web コンテンツを便利に閲覧できます。この記事では、HTML と CSS を使用して固定ナビゲーション メニューのレイアウトを実装する方法を紹介し、具体的なコード例を示します。まず、Web ページのコンテンツとナビゲーション メニューを表示する HTML 構造を作成する必要があります。これが簡単な例です

See all articles