css - 如何用图像替换按钮?

标签 css

我正在创建一个 float 侧边栏,它将显示 Facebook Logo 并在单击时打开一个 div。此 div 将包含一个 Facebook 点赞框。当用户再次单击 Logo 时,div 关闭。

我设法让它工作,但我需要用图像(Facebook Logo ,就像我说的)替换按钮,并且仍然具有此脚本的功能。

我怎样才能做到这一点?

在这里 fiddle :http://jsfiddle.net/h8CNP

最佳答案

您的 Javascript 设置为根据 id 的点击进行切换,因此您需要做的就是替换它:

<button id="show1" data-href="curtir">Click ME!</button>

有了这个:

<img id="show1" src="whatever.jpg" data-href="curtir" />

这是它的一个 fiddle :http://jsfiddle.net/LrTqG/

关于css - 如何用图像替换按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22699980/

相关文章:

jquery - 使用复选框更改表格行样式

javascript - 如何使用Javascript改变伪元素内容?

html - 两个 DIV 一层一层地放置而不变形

html - 为什么我不能设置背景图片?

javascript - 仅当鼠标向下滚动到该特定部分时,是否可以开始动画此文本效果?

javascript - CSS/javascript 中的弹出定位

html - 使用 aria-hidden ="true"隐藏 flash 元素和 iFrame 是否有助于使我的网站可访问?

html - 具有 3 个固定宽度列的页面

html - Bootstrap 4 Beta 0 网格系统上的 Rowspan

html - 如何保持 flex box 元素的宽度独立于它的内容