资讯专栏INFORMATION COLUMN

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

XBaron / 1680人阅读

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

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

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

效果图如下:

具体代码如下:




    
    
    
    云南旅游相册
    


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

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

转载请注明本文地址:https://www.ucloud.cn/yun/101594.html

相关文章

  • 记一次小程序项目的开发心得

    摘要:前言这段时间一直负责公司的小程序的开发,总结了一些小程序的开发心得,方便自己以后的查阅也方便同仁少踩点坑。文章底部的技巧类小程序的识别小程序二维码功能,小程序的高斯模糊,都是自己填的坑。 前言:这段时间一直负责公司的小程序的开发,总结了一些小程序的开发心得,方便自己以后的查阅也方便同仁少踩点坑。文章底部的技巧类小程序的识别小程序二维码功能,小程序的高斯模糊,都是自己填的坑。欢迎交流。 ...

    you_De 评论0 收藏0
  • JavaScript 基础知识 - DOM篇(一)

    摘要:前言本篇文章是基础知识的篇,如果前面的基础知识入门篇看完了,现在就可以学习了。基本概念分为三个部分。在这个基础上使用一些新特性,高级浏览器支持,低级浏览器不支持。在对象中的属性是一个布尔值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...

    cuieney 评论0 收藏0
  • 加推Weex实践之路(上)

    摘要:我们参考小程序的设计思路进行了优化升级,为每一个需要特有化配置的页面添加一个格式的配置文件,配置文件包括导航栏的配置页面级别的配置跳转的配置等,将配置工程化标准化。设置导航栏按钮包含按钮样式的数组通过完成按钮事件的回调。一、背景1.为什么是Weex在公司快速发展的大环境下,App的更新迭代高速、高频,技术团队平均两周便可诞生一款中型App,但App团队只有6个人(iOS 、Android各3...

    shuibo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<