问问题
163 次
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 回答