通过使用jQuery库来实现导航栏切换;分析如下:
1、首先建立一个就绪函数ready函数,把所有的jQuery内容都写到这个函数中。2、选中按钮元素并绑定单击事件3、选中img图片,通过eq()方法找到对应的图片元素4、其中eq()的参数通过$(this).index()方式获取当前的索引。5、通过css()方法对图片的透明度设置为1来显示。6、再通过siblings()找到当前选中按钮的兄弟元素,并通过css()设置透明度为0。
效果图如下:
具体代码如下:云南旅游相册
本文共 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/