<del id="m8w20"></del>

導航欄切換—云南旅游相冊

XBaron 發布于2019-08-23 15:09 / 1738人閱讀

摘要：通過使用庫來實現導航欄切換分析如下首先建立一個就緒函數函數，把所有的內容都寫到這個函數中。通過方法對圖片的透明度設置為來顯示。再通過找到當前選中按鈕的兄弟元素，并通過設置透明度為。

通過使用jQuery庫來實現導航欄切換；分析如下：

1、首先建立一個就緒函數ready函數，把所有的jQuery內容都寫到這個函數中。
2、選中按鈕元素并綁定單擊事件
3、選中img圖片，通過eq（）方法找到對應的圖片元素
4、其中eq（）的參數通過$(this).index（）方式獲取當前的索引。
5、通過css（）方法對圖片的透明度設置為1來顯示。
6、再通過siblings（）找到當前選中按鈕的兄弟元素，并通過css（）設置透明度為0。

效果圖如下：

具體代碼如下：




    
    
    
    云南旅游相冊
    


    
    
    
    
        瀘沽湖
        麗江古城
        茶馬古道
        就這家●云逸客棧
        西雙版納
        云南紅酒莊
        轎子雪山
        普者黑
        海埂大壩
        玉龍灣
        昆明郊野公園
        歐洲風琴

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/101594.html

記一次小程序項目的開發心得

摘要：前言這段時間一直負責公司的小程序的開發，總結了一些小程序的開發心得，方便自己以后的查閱也方便同仁少踩點坑。文章底部的技巧類小程序的識別小程序二維碼功能，小程序的高斯模糊，都是自己填的坑。前言：這段時間一直負責公司的小程序的開發，總結了一些小程序的開發心得，方便自己以后的查閱也方便同仁少踩點坑。文章底部的技巧類小程序的識別小程序二維碼功能，小程序的高斯模糊，都是自己填的坑。歡迎交流。 ...

you_De 2019-08-22 18:27 評論0 收藏0
JavaScript 基礎知識 - DOM篇(一)

摘要：前言本篇文章是基礎知識的篇，如果前面的基礎知識入門篇看完了，現在就可以學習了。基本概念分為三個部分。在這個基礎上使用一些新特性，高級瀏覽器支持，低級瀏覽器不支持。在對象中的屬性是一個布爾值，只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言本篇文章是JavaS...

cuieney 2019-08-22 13:40 評論0 收藏0
加推Weex實踐之路（上）

摘要：我們參考小程序的設計思路進行了優化升級，為每一個需要特有化配置的頁面添加一個格式的配置文件，配置文件包括導航欄的配置頁面級別的配置跳轉的配置等，將配置工程化標準化。設置導航欄按鈕包含按鈕樣式的數組通過完成按鈕事件的回調。一、背景1.為什么是Weex在公司快速發展的大環境下，App的更新迭代高速、高頻，技術團隊平均兩周便可誕生一款中型App，但App團隊只有6個人（iOS 、Android各3...

shuibo 2019-05-22 19:43 評論0 收藏0