gpt4 book ai didi

javascript - li 鼠标悬停的动态 id

转载 作者:行者123 更新时间:2023-11-29 18:17:28 24 4
gpt4 key购买 nike

<script type="text/javascript" >
$('li').mouseout(function () {
divId = $(this).attr('id');
$(this).css('background', 'url(assets/images/clients/logo/' + divId + '.jpg)');
});
$('li').mouseover(function () {
divId = $(this).attr('id');
$(this).css('background', 'url(assets/images/clients/logo-gc/' + divId + '.jpg)');
});
$('li').load(function () {
divId = $(this).attr('id');
$(this).css('background', 'url(assets/images/clients/logo/' + divId + '.jpg)');
});
</script>

我犯了什么错误?页面加载后启动时不显示图像...

HTML:

<ul>
<li id="i1"></li>
<li id="i2"></li>
<li id="i3"></li>
<li id="i4"></li>
<li id="i5"></li>
<li id="i6"></li>
<li id="i7"></li>
<li id="i8"></li>
</ul>

如何在页面加载后在 li.load() 上加载默认图像?

最佳答案

使用 background-image 代替 background ,

$(this).css('background-image', 'url(assets/images/clients/logo/'+divId+'.jpg)');

要在页面加载后显示图像,请使用 $(document).ready(function(){ }) 处理程序

$(document).ready(function(){
$('li').each(function(){
$(this).css('background-image', 'url(assets/images/clients/logo/' + this.id + '.jpg)');
});
});

关于javascript - li 鼠标悬停的动态 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21834277/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com