javascript - 悬停选项,或 JavaScript

标签 javascript button hover structure

我正在制作一个练习网站,我正在尝试向图像添加悬停效果,该图像是用于单击后退或前进的箭头。我假设代码的结构有问题,或者我可能需要使用 javascript 来实现翻转效果。

我做了一个 fiddle 来展示当前的工作:http://jsfiddle.net/Z7VTy/1/

...我对一切都很陌生。

   <body>
   <div id="slider_wrapper">
    <div id="slider_container">
     <div class="controllers" id="previous"></div>

  <div id="slider">
  <img src="Images/slide_two.png" width="960" height="425" />
  <img src="Images/slide_one.png" width="960" height="425" />
  <img src="Images/slide_three.png" width="960" height="425" />
  </div>                           

  <div class="controllers" id="next"></div>
   </div>         
 </div>
 </body

最佳答案

不确定我是否理解您的问题

demo

#previous:hover {
background-image: url(left_on.png);
}  

会改变图像

关于javascript - 悬停选项,或 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16603897/

相关文章:

javascript - 将 Zurb Foundation 6 javascript 与 jspm 结合使用

javascript - Cordova cordova-plugin-qrscanner : Opaque camera view

Python - Tkinter 按钮命令不起作用

css - 按钮上的中心文本

javascript - 如何在 div 中创建平滑的 img 鼠标悬停

javascript - promise 的返回值不是预期的

java - 使用按钮 Swing 更改图像

html - 当鼠标悬停效果发生在图像上时,段落向上移动

css - 备用 <div> 可见性(鼠标悬停图像)

javascript - 如何使用 Meteor 获取更多数据并附加到文档