web導航欄點擊跳轉后的樣式


搭建web網頁的導航欄時,需要有點擊某導航頁面跳轉后,被點擊的<a>標簽樣式添加或改變(bootstrap只能實現頁面不刷新的點擊效果),網上查閱了很多,終於解決了問題,豁然開朗的同時也小總結一下:


ps:以下為摘錄百度知道,並非本人原創,而我用的便是其中第二種方法。

方法有很多,大體可分為三種:

一、在服務器端判斷當前頁面隸屬於哪一個分類,然后對其進行高亮化,這個高亮化的方法也有很多,相信不是你要的,不一一講解;

二、每一個頁面這個導航條都在各自的頁面內,那么獨立對其分配class或者行內樣式也是完全可以的。

三、通過JavaScript,在導航條元素加載完成之后,就對URL進行判斷分析,或者是分析其它由服務器放置在頁面內的隱藏標志位,然后對其高亮化。

以上三種中,第二種是最常見的,因為大多數站的每個導航分類下,頁面的結構都不同了,使用獨立的導航條也不會有什么影響。

第一種缺點是需要服務器對本頁面的分類進行判斷分析,會消耗一定的CPU資源

第二種的缺點是每一個分類頁中都要有自己獨立的導航條,會占用磁盤空間(這個有點太叫真了)

第三種的缺點是,用戶在打開網頁之后,在瀏覽器緩沖階段,會看不到高亮,等頁面加載完或導航條加載一段時間之后,才會變成高亮,有一個時間延遲。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM