导航栏切换—云南旅游相册

XBaron 发布于2019-08-23 15:09 / 1709人阅读

摘要：通过使用库来实现导航栏切换分析如下首先建立一个就绪函数函数，把所有的内容都写到这个函数中。通过方法对图片的透明度设置为来显示。再通过找到当前选中按钮的兄弟元素，并通过设置透明度为。

通过使用jQuery库来实现导航栏切换；分析如下：

1、首先建立一个就绪函数ready函数，把所有的jQuery内容都写到这个函数中。
2、选中按钮元素并绑定单击事件
3、选中img图片，通过eq（）方法找到对应的图片元素
4、其中eq（）的参数通过$(this).index（）方式获取当前的索引。
5、通过css（）方法对图片的透明度设置为1来显示。
6、再通过siblings（）找到当前选中按钮的兄弟元素，并通过css（）设置透明度为0。

效果图如下：

具体代码如下：




    
    
    
    云南旅游相册
    


    
    
    
    
        泸沽湖
        丽江古城
        茶马古道
        就这家●云逸客栈
        西双版纳
        云南红酒庄
        轿子雪山
        普者黑
        海埂大坝
        玉龙湾
        昆明郊野公园
        欧洲风琴

GPU云服务器云服务器 html可切换导航栏 js局部切换导航栏导航栏tab切换效果导航栏

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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