• web导航栏点击跳转后的样式


    搭建web网页的导航栏时,需要有点击某导航页面跳转后,被点击的<a>标签样式添加或改变(bootstrap只能实现页面不刷新的点击效果),网上查阅了很多,终于解决了问题,豁然开朗的同时也小总结一下:


    ps:以下为摘录百度知道,并非本人原创,而我用的便是其中第二种方法。

    方法有很多,大体可分为三种:

    一、在服务器端判断当前页面隶属于哪一个分类,然后对其进行高亮化,这个高亮化的方法也有很多,相信不是你要的,不一一讲解;

    二、每一个页面这个导航条都在各自的页面内,那么独立对其分配class或者行内样式也是完全可以的。

    三、通过JavaScript,在导航条元素加载完成之后,就对URL进行判断分析,或者是分析其它由服务器放置在页面内的隐藏标志位,然后对其高亮化。

    以上三种中,第二种是最常见的,因为大多数站的每个导航分类下,页面的结构都不同了,使用独立的导航条也不会有什么影响。

    第一种缺点是需要服务器对本页面的分类进行判断分析,会消耗一定的CPU资源

    第二种的缺点是每一个分类页中都要有自己独立的导航条,会占用磁盘空间(这个有点太叫真了)

    第三种的缺点是,用户在打开网页之后,在浏览器缓冲阶段,会看不到高亮,等页面加载完或导航条加载一段时间之后,才会变成高亮,有一个时间延迟。
  • 相关阅读:
    JavaScript按纯数字排序
    用jQuery监听浏览器窗口的变化
    jquery-jtemplates.js模板应用
    art-template模板应用
    JavaScript判断当前手机是Android还是iOS系统
    JavaScript数组转字符串,字符串转数组
    JavaScript数字转字符串,字符串转数字
    Play framework 安装
    JQuery判断数组中是否包含某个字符串
    js获取页面宽度高度及屏幕分辨率
  • 原文地址:https://www.cnblogs.com/lpynb/p/5125237.html
Copyright © 2020-2023  润新知