起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1570|回复: 5

[处理中4] 底部导航图片切换(非图标)

[复制链接]

1

主题

6

帖子

36

积分

新手上路

Rank: 1

积分
36
QQ
发表于 2016-11-10 17:46:20 | 显示全部楼层 |阅读模式
由于图标库没有所需要的图标,所以本人想以图片的形式作为图标来回切换,遇到的问题是:  点击当前按钮切换到已激活状态的图片,在点击下一个按钮的时候,怎么能使其他按钮的图片恢复成原来的图片呢

1

主题

6

帖子

36

积分

新手上路

Rank: 1

积分
36
QQ
 楼主| 发表于 2016-11-10 17:50:16 | 显示全部楼层
具体案例我已经发到群中了,(就是WD01文件)图片也放在img文件下面了  icon开头的!谢谢
回复 支持 反对

使用道具 举报

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2016-11-10 17:51:41 | 显示全部楼层
这个需要楼主写js来实现闲了   我觉得楼主可以采用DOM的方式来实现  找到节点  然后变换图片的src
回复 支持 反对

使用道具 举报

1

主题

6

帖子

36

积分

新手上路

Rank: 1

积分
36
QQ
 楼主| 发表于 2016-11-10 18:03:09 | 显示全部楼层
半导体 发表于 2016-11-10 17:51
这个需要楼主写js来实现闲了   我觉得楼主可以采用DOM的方式来实现  找到节点  然后变换图片的src ...

你说的我试了,主要是恢复之前的样式不好实现
回复 支持 反对

使用道具 举报

1

主题

6

帖子

36

积分

新手上路

Rank: 1

积分
36
QQ
 楼主| 发表于 2016-11-10 18:04:21 | 显示全部楼层
zyweb 发表于 2016-11-10 18:03
你说的我试了,主要是恢复之前的样式不好实现

$(this).click(function(){
                        if(pathname=="icon/icon_03.jpg"){
                                $(this).children("img").attr("src","./icon/iconActive_03.jpg");
                        }else if(pathname=="icon/icon_05.jpg"){
                                $(this).children("img").attr("src","./icon/iconActive_05.jpg");
                        }
                        else if(pathname=="icon/icon_07.jpg"){
                                $(this).children("img").attr("src","./icon/iconActive_07.jpg");
                        }
                        else if(pathname=="icon/icon_09.jpg"){
                                $(this).children("img").attr("src","./icon/iconActive_05.jpg");
                        }
                        else if(pathname=="icon/icon_11.jpg"){
                                $(this).children("img").attr("src","./icon/iconActive_11.jpg");
                        }

因为你要恢复之前的图片,每一个都是独立的图片,没法搞
回复 支持 反对

使用道具 举报

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2016-11-10 18:05:54 | 显示全部楼层
用class呢   给某个标签写背景图
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-16 19:11 , Processed in 0.060556 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表