Question

急~求个网页代码，鼠标悬停在文字上时图片从下向上滑出，文字滑到图片下方

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏20（财富值+成长值）

Answer 1

用jquery分分钟就能实现,图片slideUp 文字用mouseover方法步进下移,不就行了么.

追问

有具体代码吗？以前学的都忘了。。

追答

假如两个div<div>

<div id="word">这里是文字</div> <div id="img"></div>
//引入jQuery
    var step = 5;
    //文字通过定时器改变文字div相对于父级的top偏移量
  $('#word').mouseover(function(){
      var h = $(this).offset().top;
      setInterval(function(){
      h += step;
      $('#word').css('top',h+'px'); 
      },1000);
  })
  //图片在鼠标放在div上面是 通过sildeUp,slow收起
  $('#img').mouseover(function(
      $(this).sildeUp('slow');
  ))