滑動門效果JS代碼說明
分類:東莞網站制作  日期:2012-8-11  瀏覽:次  點擊返回
標簽: jQuery 網站建設基礎知識 網站制作教程  文章來源:東莞網絡公司

我們在上網時經常看到像163,sina這個大網站上很多切換效果,放很多內容,相當的節約頁面資源,可是對于網站開發不是很了解的朋友來說,要想實現這樣的效果就是一個比較頭痛的問題。

這種可以切換的效果,我們稱之為“滑動門效果”,是不是很形象,生動,其實要實現這個功能很簡單,他的原理就是當指到引用對象上是,JS獲取對象的ID值,然后執行對應的樣式代碼,反之沒有選中的就執行另外一組樣式,把內容給隱藏起來,就實現了這種很簡單方便的效果。

筆者也是從剛開始的迷茫到現在的開發,非常能體驗那種想要而不得的心里感受,為了廣大初學者能很快找到這方面的內容,特把自己寫的JS代碼公布出來,供初學者使用。

function gdhfkj(obj,id)
{
 var arrayli = obj.parentNode.getElementsByTagName("a1"); //獲取數組
 var arrayul = document.getElementById(id).getElementsByTagName("b1"); //獲取數組
 for(i=0;i<arrayul.length;i++)
 {
 if(obj==arrayli[i])
 {
   arrayli[i].className = "s1";選中時的樣式
   arrayul[i].className = "";
 }
 else
 {
   arrayli[i].className = "";
   arrayul[i].className = "s2";沒選中時的樣式
 }
 }
}

如果您有什么不清楚的,可來電咨詢:0769-89978132


域名注冊 |  企業郵箱 |  虛擬主機 |  網站設計 |  網站建設報價 |  網站推廣 |  網站建設 |  聯系我們 |  Sitemap

洪福科技是東莞正規網頁設計公司,提供東莞建站、網絡推廣、企業郵箱、域名注冊和虛擬主機服務,專注于中小企業網站建設和網絡營銷服務,共享網絡開放平臺!

地址:廣東省東莞市鴻福東路紅棉路24號  郵編:523000  電話:0769-3321 8176   傳真:0769-8987 5073    郵箱:[email protected]

Copyright(?) 2009-2013 東莞市洪福科技有限公司 All Rights Reserved. 版權所有  粵ICP備09061858號  

为什么开心农场不能玩