【原创】smarty引擎下的导航按钮高亮实现

<?php
$_nvaarr = array(
array(‘name‘=>‘首页‘,‘url‘=>‘company.php?id=‘),
array(‘name‘=>‘公司介绍‘,‘url‘=>‘company_introduction.php?id=‘),
array(‘name‘=>‘新闻资讯‘,‘url‘=>‘company_news.php?id=‘),
array(‘name‘=>‘业界动态‘,‘url‘=>‘company_XX.php?id=‘),
array(‘name‘=>‘商品展示‘,‘url‘=>‘company_stroe.php?id=‘),
array(‘name‘=>‘运营团队‘,‘url‘=>‘company_team.php?id=‘)
);
$_tpl->assign(‘nvaarr‘,$_nvaarr);
?>

以上是company_nva.php文件,将导航写入二维数组

==============================================

<?php

require (‘company_nva.php‘); //载入导航栏
$_pagename=‘运营团队‘; //注册变量
$_tpl->assign(‘pagename‘,$_pagename);
$_tpl->display(‘company_Team.tpl‘); //引入模板文件

?>

以上是company_team.php文件

============================================

<{foreach from=$nvaarr item=temp}>
<li <{if $temp.name==$pagename}> class="banner_li" <{/if}>><a href=<{$temp.url}><{$id}>><{$temp.name}></a></li>
<{/foreach}>

以上是tpl模板文件,应用的是smarty模板引擎, class="banner_li"就不多说了

=============================================

以上就实现了,smarty引擎下的导航按钮高亮,是不是很easy,比起复杂的js实现,真的是很好用还很兼容哦

【注意】原创文章,如果转载,请注明(作者:阿波罗任先生,出处:http://www.cnblogs.com/apolloren/p/8922660.html)

原文地址:https://www.cnblogs.com/apolloren/p/8922660.html

时间: 2024-10-08 06:10:05

【原创】smarty引擎下的导航按钮高亮实现的相关文章

关于导航按钮在其他尺寸下显示问题

关于导航按钮在其他尺寸下显示问题1.Bootstrap第4177行@media (min-width: 768px) {  .navbar-header {    float: left;  }}修改为@media (min-width: 992px) {  .navbar-header {    float: left;  }}2.Bootstrap第4194行@media (min-width: 768px) {  .navbar-collapse {    width: auto;   

20款jquery下拉导航菜单特效代码分享

jquery仿京东商城左侧分类导航下拉菜单代码 jQuery企业网站下拉导航菜单代码 jQuery css3黑色的多级导航菜单下拉列表代码 jquery响应式导航菜单支持手机导航菜单代码 jquery鼠标导航下滑显示图片列表效果 jQuery个性动画二级下拉导航代码 jquery网站下拉菜单制作企业网站导航菜单代码 jQuery游戏网站顶部滑动导航菜单代码 jquery.superfish.js导航菜单插件制作网页无限级下拉菜单代码 jquery hover事件实用的企业网站二级导航菜单样式 j

MySQL数据库InnoDB引擎下服务器断电数据恢复

说明: 线上的一台MySQL数据库服务器突然断电,造成系统故障无法启动,重新安装系统后,找到之前的MySQL数据库文件夹. 问题: 通过复制文件的方式对之前的MySQL数据库进行恢复,发现在程序调用时找不到数据库中的表,造成网站无法正常访问. 分析: 1.MySQL数据库,使用拷贝文件方式来恢复数据库,只支持MyISAM引擎: 2.如果有数据库或数据表使用了InnoDB引擎,恢复的时候,必须连同MySQL数据库目录下的ibdata1文件一起拷贝过来. 解决办法: 1.停止MySQL服务 serv

帝国CMS实现一二级导航及其高亮

帝国CMS实现一二级导航及其高亮 可以用以下方法实现一二级导航 <li id="<?=$GLOBALS[navclassid]==0?'nav_select':''?>"><a href="/">首页</a></li> [e:loop={'select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and sho

详解Android ActionBar之二:ActionBar添加Tabs标签和下拉导航

本节主要讲解ActionBar如何添加Tabs标签和下拉导航. 一.添加标签 Tabs 在ActionBar中实现标签页可以实现android.app.ActionBar.TabListener ,重写onTabSelected.onTabUnselected和onTabReselected方法来关联Fragment.代码如下: Java代码 private class MyTabListener implements ActionBar.TabListener { private TabCon

【原创】win10下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装

将TP引擎改为smarty引擎

在common/config文件里设置'TMPL_ENGINE_TYPE'=>'Smarty'即可,但要注意,在模板文件里的css样式{}要用一对{literal}{/literal}标签包裹,禁止smarty引擎解析.所有$Think改为$smarty,还有tp引擎可以直接用__MODULE__常量,smarty要用{$smarty.const.__MODULE__}访问

02---按钮的设置 控制器拥有导航栏包装一层导航控制器 添加子控制器 UIBarButtonItem导航按钮 设置导航栏UINavigationBar主题 设置状态栏样式

一.按钮的设置 1.设置背景图片 [btn setBackgroundImage:image forState:UIControlStateNormal]; 2.内部UIImageView 1> 设置内部UIImageView的图片 [btn setImage:image forState:UIControlStateNormal]; // 不能写成btn.imageView.image = image; 2> 调整内部图片的内容模式 self.imageView.contentMode =

38 个免费开源的 CSS 下拉导航菜单

http://www.oschina.net/news/51624/38-open-source-css-dropdown-menus38 个免费开源的 CSS 下拉导航菜单,布布扣,bubuko.com