2

我正在创建一个下拉联系表单,您可以查看以下代码:

http://jsfiddle.net/VtQbE/4/

基本上目前有一个黑色按钮,按下它会触发jquery下拉并显示表单。

我想要做的是有一个显示“向下箭头”的背景图像,然后在按下按钮并下拉显示表单后,我想要一个“向上箭头”

看起来很简单,但我还没有找到一种方法来解决这个问题。

任何想法将不胜感激!

4

2 回答 2

2

在你的函数中添加一个向下箭头的背景图像,然后<div id="contactLink"></div>像这样<div id="contactLink" style="background:url('arrowdown.png')"></div>

$("#contactLink").click(function(){
   if ($("#contactForm").is(":hidden")){
      $("#contactForm").slideDown("slow");
      $('#contactLink').css('background', "url('arrowup.png')");
   }else{
      $("#contactForm").slideUp("slow");
      $('#contactLink').css('background', "url('arrowdown.png')");
   }
});
于 2012-07-03T15:35:06.003 回答
1

http://jsfiddle.net/VtQbE/6/在这里,希望它是你需要的:)

我用的是网上找的图,用你自己的。如果要将图像放置在黑条内的其他位置,还可以添加一些 css。

于 2012-07-03T15:43:08.823 回答