javascript - 菜单选项卡内的图像

标签 javascript html css

我正在使用这个 javascript 制作一个包含 3 个选项卡的 div; http://www.barelyfitz.com/projects/tabber/ (也许在那里查看 css 代码比在此处全部复制更容易?)

无论如何,我想在选项卡内使用图像而不是默认使用的 H2 标题。这可能吗?

<div class="tabber">

 <div class="tabbertab">
   <h2>Tab 1 <img src doesn't work here></h2>
  <p>Tab 1 content.</p>
 </div>


 <div class="tabbertab">
  <h2>Tab 2</h2>
  <p>Tab 2 content.</p>
 </div>


 <div class="tabbertab">
  <h2>Tab 3</h2>
  <p>Tab 3 content.</p>
 </div>

提前致谢!

最佳答案

<div class="tabber">

 <div class="tabbertab">
     <h2>Tab 1 <img src="http://slembassyusa.org/downloads/Flag_of_Sri_Lanka.png" width=100 height=20 /></h2>
  <p>Tab 1 content.</p>
 </div>


 <div class="tabbertab">
  <h2>Tab 2</h2>
  <p>Tab 2 content.</p>
 </div>


 <div class="tabbertab">
  <h2>Tab 3</h2>
  <p>Tab 3 content.</p>
 </div>

DEMO enter image description here

关于javascript - 菜单选项卡内的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16639711/

相关文章:

javascript - Nodejs - 从对象创建可读流

javascript - 想在使用 WshShell.Exec 方法时隐藏命令提示符窗口

javascript - ondblclick 不适用于带有 onclick javascript 的元素

javascript - jQuery .height() 没有按预期工作

html - 垂直居中内容,包括透明覆盖

html - 即使使用 100perc html 和正文,以百分比表示的 div 高度也不起作用

javascript - 如何解析光标ANSI转义码?

php - 动态下拉文件上传的文件上传进度

javascript - 从 li 的子节点检索文本

javascript - 在包装上应用不同的 CSS 样式