关于HTML页面点击a标签显示图片的问题，高分跪求！！

[前端民工仔]

我想做的是左边有四行文字，每行文字都是用a标签包住的，然后点击一行文字，右边会显示相对应的图片，图片都是我用img标签已经在页面上写出来了，用style=“display:none;"隐藏起来了，而且点击a标签是，页面不跳转，请问各位大牛，怎么实现这个问题

[nopain30]

<a href="javascript:void(0)" onclick="showImgae(参数)"></a> js实现 showImgae方法 显示图片即可

[前端民工仔]

引用 10 楼 asdq1221 的回复:

你可以不用a标签啊，可以这样做，文字放在一个div里面 ，每行用span包裹，图片放在另外一行div里面，把文字span的下标和img的下标统一，也就是点击某文字span的时候，js控制显示相同下标的img

谢谢

[前端民工仔]

引用 11 楼 nopain30 的回复:

<a href="javascript:void(0)" onclick="showImgae(参数)"></a> js实现 showImgae方法 显示图片即可

谢谢

[前端民工仔]

为什么没人来

[前端民工仔]

我自己顶，我顶，我顶，我顶

[当作看不见]

可以不用A标签,其实就是一个选项卡效果. http://blog.csdn.net/qq_29594393/article/details/52891881

[当作看不见]

a标签阻止跳转的话,点击事件上,加上阻止默认事件就好 e.preventDefault();

[前端民工仔]

引用 4 楼 qq_29594393 的回复:

a标签阻止跳转的话,点击事件上,加上阻止默认事件就好 e.preventDefault();

你好，谢谢你的方法，但是我要做的是在一个公司官网中的，左边就是四行汉字，点击哪一行，右边就会显示对应的图片，我想要做的就是这样的功能 给你上图看一下

[前端民工仔]

就是这样的

[当作看不见]

你把选项卡调整一下样式不就行了吗? 就是改样式

[前端民工仔]

引用 7 楼 qq_29594393 的回复:

你把选项卡调整一下样式不就行了吗? 就是改样式

。。。。。我不是专门做前端的， 所以那啥 刚才没转过来湾，谢谢了 我去试一下

[bluesky1993]

既然不用跳转，当然就可以不用a连接了啊

[晓轲]

你可以不用a标签啊，可以这样做，文字放在一个div里面 ，每行用span包裹，图片放在另外一行div里面，把文字span的下标和img的下标统一，也就是点击某文字span的时候，js控制显示相同下标的img