求问。设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式
header.php是导航栏,里面有几个按钮指向不同的网页,
我想要的效果是 按了第一个按钮进入了1.php,然后这第一个按钮能有个背景色,按了第二个按钮进入了2.php,然后这第二个按钮能有个背景色,第一个按钮变成原来的样子。
回复讨论(解决方案)
http://www.16sucai.com/daima/cd/ 这种吗 很多别人写好的 直接加到自己项目
可不可以用js判断然后再怎么做
请在页面当中引入jquery.
header.php代码:
<script src="js/jquery-1.8.3.min.js"></script> <!--jquery文件请自行修改--><style>#m1{ height: 50px; width: 500px; background: beige;}#page1{ width: 50%; height: 100%; float: left;}#page2{ width: 50%; height: 100%; float: left;}</style><?php?><div id="m1"> <div id="page1"> <a href="1.php?id=1">网页1</a> </div> <div id="page2"> <a href="2.php?id=2">网页2</a> </div></div>
1.php代码:
<script src="js/jquery-1.8.3.min.js"></script><style>#m1{ height: 50px; width: 500px; background: beige;}#page1{ width: 50%; height: 100%; float: left;}#page2{ width: 50%; height: 100%; float: left;}.onclick{ background: red;}</style><?php?><div id="m1"> <div id="page1"> <a href="1.php?id=1">网页1</a> </div> <div id="page2"> <a href="2.php?id=2">网页2</a> </div></div><script>var id=<?php echo $_GET['id'];?>;$("#page" + id).siblings().removeClass('onclick');$("#page" + id).addClass('onclick');</script>
2.php代码:
<script src="js/jquery-1.8.3.min.js"></script><style>#m1{ height: 50px; width: 500px; background: beige;}#page1{ width: 50%; height: 100%; float: left;}#page2{ width: 50%; height: 100%; float: left;}.onclick{ background: red;}</style><?php?><div id="m1"> <div id="page1"> <a href="1.php?id=1">网页1</a> </div> <div id="page2"> <a href="2.php?id=2">网页2</a> </div></div><script>var id=<?php echo $_GET['id'];?>;$("#page" + id).siblings().removeClass('onclick');$("#page" + id).addClass('onclick');</script>运行之后,你会得到你想要的.

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Laravel simplifie la gestion des données de session temporaires à l'aide de ses méthodes de flash intuitives. Ceci est parfait pour afficher de brefs messages, alertes ou notifications dans votre application. Les données ne persistent que pour la demande ultérieure par défaut: $ demande-

L'extension PHP Client URL (CURL) est un outil puissant pour les développeurs, permettant une interaction transparente avec des serveurs distants et des API REST. En tirant parti de Libcurl, une bibliothèque de transfert de fichiers multi-protocol très respectée, PHP Curl facilite Efficient Execu

Laravel fournit une syntaxe de simulation de réponse HTTP concise, simplifiant les tests d'interaction HTTP. Cette approche réduit considérablement la redondance du code tout en rendant votre simulation de test plus intuitive. L'implémentation de base fournit une variété de raccourcis de type de réponse: Utiliser illuminate \ support \ faades \ http; Http :: faux ([[ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

Voulez-vous fournir des solutions instantanées en temps réel aux problèmes les plus pressants de vos clients? Le chat en direct vous permet d'avoir des conversations en temps réel avec les clients et de résoudre leurs problèmes instantanément. Il vous permet de fournir un service plus rapide à votre personnalité

Alipay Php ...

L'article traite de la liaison statique tardive (LSB) dans PHP, introduite dans PHP 5.3, permettant une résolution d'exécution de la méthode statique nécessite un héritage plus flexible. Problème main: LSB vs polymorphisme traditionnel; Applications pratiques de LSB et perfo potentiel

L'article examine l'ajout de fonctionnalités personnalisées aux cadres, en se concentrant sur la compréhension de l'architecture, l'identification des points d'extension et les meilleures pratiques pour l'intégration et le débogage.

L'article traite des fonctionnalités de sécurité essentielles dans les cadres pour se protéger contre les vulnérabilités, notamment la validation des entrées, l'authentification et les mises à jour régulières.
