質問する
163 次
3 に答える
3
私はお勧めします:
$('li a').hover(
function(){
var i = $(this).parent('li').index();
$('#imgs img:eq(' + i + ')').show();
},
function(){
var i = $(this).parent('li').index();
$('#imgs img:eq(' + i + ')').hide();
});
于 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 に答える