博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
导航栏切换—云南旅游相册
阅读量:6165 次
发布时间:2019-06-21

本文共 509 字,大约阅读时间需要 1 分钟。

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

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

效果图如下:

图片描述
具体代码如下:

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

转载地址:http://omuba.baihongyu.com/

你可能感兴趣的文章
设计模式:组合模式(Composite Pattern)
查看>>
ContentValues 和HashTable区别
查看>>
LogicalDOC 6.6.2 发布,文档管理系统
查看>>
给PowerShell脚本传递参数
查看>>
实战2——Hadoop的日志分析
查看>>
利用FIFO进行文件拷贝一例
查看>>
Ecshop安装过程中的的问题:cls_image::gd_version()和不支持JPEG
查看>>
resmgr:cpu quantum等待事件
查看>>
一个屌丝程序猿的人生(六十六)
查看>>
Java 编码 UTF-8
查看>>
SpringMVC实战(注解)
查看>>
关于静态属性和静态函数
查看>>
进程的基本属性:进程ID、父进程ID、进程组ID、会话和控制终端
查看>>
spring+jotm+ibatis+mysql实现JTA分布式事务
查看>>
MyBatis启动:MapperStatement创建
查看>>
调查问卷相关
查看>>
eclipse启动无响应,老是加载不了revert resources,或停留在Loading workbench状态
查看>>
1. Git-2.12.0-64-bit .exe下载
查看>>
怎样关闭“粘滞键”?
查看>>
[转]React 教程
查看>>