2
4

3 回答 3

3
于 2012-09-03T21:50:32.903 回答
3
$('#my-ul a').on('mouseenter mouseleave', function(e) {
    $('#imgs img').eq($(this).parent('li').index()).toggle(e.type==='mouseenter');
});

小提琴

于 2012-09-03T21:52:55.137 回答
0

你可以为你的href添加一个属性,比如

<a href="#" title="img1.jpg" onmouseover="void(hoverImg(this));">asdf</a>

并添加一些简单的脚本,例如

function hoverImg(_src)
{
   // Set this to true in order to troubleshoot the script
   var _debugThis = false;

   try
   {
      var _iSrc = _src.getAttribute('title');
      var _iTrg = document.getElementById('imgs');
      var _img=document.createElement('img');
      _img.src=_iSrc;
      // other attributes for your image
      _iTrg.innerHTML=null;
      _iTrg.appendChild(_img);
      // inject unhover trigger
      _iSrc.onmouseout=function(){void(document.getElementById('imgs').innerHTML=null);}
   }
   catch (_e) { if (_debugThis) { alert(_e); } }
}
于 2012-09-03T22:11:33.427 回答