帮助中心
40
最新文章
  • 如何设置百度站内搜索功能
  • php5.4版本的环境中提示mysql_escape_string()错误的解决方法
  • php源码的install安装源或者.bak结尾的php文件没有删除将带来的严重的后果
  • shopnc后台功能之规格管理介绍
  • shopnc后台功能之商品分类的管理和新增介绍
  • shopnc后台功能之商品分类的导入和导出介绍
  • shopnc后台功能之清理缓存介绍
  • shopnc后台功能之配送地区介绍
  • shopnc后台功能之操作日志介绍
  • shopnc后台功能之支付方式介绍
  • 文章分类
  • 171CMS_711CMS
  • BIWEB商务智能网站系统
  • BO-BLOG开源博客系统相关
  • cmseasy易通企业系统相关
  • Cscms程氏内容管理系统
  • dedecms教程_织梦系统帮助文档_dedecms虚拟主机空间
  • Destoon开源b2b系统相关
  • DirectAdmin(DA)用户面板相关
  • discuz论坛_discuz x3.0教程_discuz x3.2教程_DZ论坛
  • DouPHP轻量级企业网站管理系统
  • drupal开源内容管理系统(CMS)
  • ecmall商城系统教程-ecmall最新版本-ecmall模版教程
  • Ecshop开源网店系统相关
  • ECTouch程序相关教程
  • ESPCMS_易思
  • ftp教程_ftp上传工具_ftp软件_ftp是什么
  • iwebshop开源网店系统相关
  • joomla开源cms相关
  • KingCMS内容管理系统
  • Lifetype开源博客相关
  • Magento开源电子商务系统
  • mambors开源cms相关
  • mediawiki开源百科系统相关
  • Metinfo(米拓)CMS教程-米拓模版安装教程
  • modoer3.2_modoer点评系统_modoer模版
  • MvMmall多用户商城系统
  • mysql数据库相关
  • opensns开源社交系统
  • oscommerce电子商务系统
  • PHPBB开源论坛程序相关
  • phpcms教程_phpcms漏洞修复_phpcms技术中心
  • phpmyfaq开源问答(FAQ)系统相关
  • phpweb程序_phpweb教程_phpweb成品网站
  • PHPWIND开源论坛系统相关
  • phpyun
  • php主机产品
  • Pmwiki开源百科程序
  • SemCms开源程序
  • SEO-网站优化-SEO优化
  • ShopEx网店程序_shopex模板教程_shopex虚拟主机空间
  • ShopNc开源商城系统教程_电子商务系统教程
  • Thinkphp中文WEB应用开发框架相关
  • thinksns全平台综合型社交系统
  • Typecho开源博客系统相关
  • WordPress博客中文教程_wordpress模板教程_wordpress虚拟主机空间
  • XOOPS内容管理系统(CMS)
  • YOUDIANCMS内容管理系统
  • zblog博客程序教程_zblog模版问题解决方法
  • Zen Cart开源商城系统相关
  • [db:分类]
  • 主机环境配置相关
  • 其他资料
  • 域名相关
  • 安全资讯
  • 宏博cms企业系统相关
  • 帝国CMS教程_帝国CMS常见问题解决方法
  • 建站之星教程_建站之星程序常见问题解决方案
  • 无忧主机原创视频教程
  • 无忧主机用户部署安装网站
  • 无忧主机超级用户管理系统相关
  • 易企cms企业系统相关
  • 最土团购程序_最土团购程序模板教程_最土团购虚拟主机空间
  • 海盗云商系统
  • 网站SEO教程_SEO是什么?_SEO博客-无忧主机
  • 网站迁移和数据备份相关
  • 行业新闻
  • 资源目录
  • 骑士cms_骑士人才系统教程
  • jQuery实现当前页面菜单项高亮

    如果你是一名技术性站长,除了精通你使用的php开源程序建站以外,建议你也要多多接触一下网站的前端技术,虽然说作为开源系统很多的前端效果都有现成的插件供大家使用。但我们自己动手做一些小小的前端效果也是一个不错的选择,今天无忧主机(wwww.51php.com)小编就给大家介绍一下如何使用jQuery实现当前页面相关联的菜单项高亮。

    当然导入js和css都是在模版的<head></head>中实现的,而我们要使用jQuery就要导入jQuery的基础库文件,推荐导入第三方的jQuery基础库(详情见:“如何加载谷歌在线jQuery库文件”)。

    现在我们就来看看如何实现吧。引入jQuery库之后我们就开始导入我们自定义的js文件,内容如下:

    <script type="text/javascript">
     <!--
    $(function(){
     var myNav = $("#nav a"),i;
      for(i=0;i<myNav.length;i++){
        var links = myNav.eq(i).attr("href"),myURL = document.URL;
         if(myURL.indexOf(links) != -1) {
           myNav.eq(i).attr('class','51php');
         }
      }
    })
     //-->

    而css文件的话只需要一句 .51php{/*当前页面的高亮效果的样式*/}

    而下面我们就做一个实例的html代码部分来试试效果吧。

    <div id="nav">
    <ul>
    <li><a href="file:///G:/1.html" title="资讯中心"><span>资讯中心</span></a></li>
    <li><a href="file:///G:/1.html" title="网络编程"><span>网络编程</span></a></li>
    <li><a href="file:///D:/Program%20Files/Tencent/QQ/Users/283608980/FileRecv/2.html" title="数据库"><span>数据库</span></a></li>
    </ul>
    </div>

    作为放在php虚拟主机开源程序的话,我们只要使用ftp登录到php空间的根目录结构下找到相关联主题的header.php文件,导入js和css文件后就传回空间就大功告成啦!还有的站长就问了—为什么不直接用javascript实现呢?其实原因很简单,jQuery做为一款优秀的js库,极大的简化了js的编写难度和js在不同浏览器下的兼容问题。就冲着这一点,难道我们不应该好好使用它吗?js文件在各浏览器下不兼容的的问题,这个历来都是很多站长头疼的问题。感谢无忧主机用户赣州—老白提供协助!

     

    纯Linux环境下高端免备案【香港独立IP地址】 php空间,仅仅只需199元一年起。商务中国域名核心代理直销50元注册国际顶级域名

    本文地址:https://www.51php.com/others/7707.html