js finden Sie den untergeordneten Knoten img und ändern Sie src
phpcn_u1582
phpcn_u1582 2017-05-18 10:50:30
0
4
605
    <a href="$val[description]" class="product_hov">
            <p class="pv">
              <p class="dii" onMouseOver="this.style.backgroundColor='#00755D'"  onMouseOut="this.style.backgroundColor='#DADADA'">

              <img src="$val[imgurl]" alt="$val[title]" title="$val[title]" width="{$lang_imgwidth}" height="{$lang_imgheight}" class="product_img" onMouseOver="change_img_product(this,'$val[imgurls]')" onMouseOut="change_imgs_product(this,'$val[imgurl]')"/>
                    <p class="product_di">
                               <dd clss="product_nm">$val[title]</dd>
                                <p class="product_long">
                                    <font class="product_wz" style="text-align: center;">$val[issue]</font>
                                </p>
                        </p>

            </a>
            

Jetzt wird die Bildquelle geändert, wenn die Maus auf dem Bild bleibt. Ich möchte das Onmouse-Attribut direkt zum Link hinzufügen. Wie kann ich den Knoten dieses Bildes finden und die Quelle des Bildes ändern?

function change_img_product(obj,img){

        
    $(obj).attr("src",img);
}
function change_imgs_product(obj,img){

    $(obj).attr("src",img);
}
phpcn_u1582
phpcn_u1582

Antworte allen(4)
淡淡烟草味
$("a").on('mouseover',function () {
    $(this).find('img').src('')
});
左手右手慢动作

你在img 标签上加个class或者id 鼠标在 a 标签上onmouse 的时候 去找对应class 或这个id 不就找到img了吗?然后切换img src值

给我你的怀抱
<a hreef="" class="product_hov">
.....
    <img src="初始化图片地址" _src="新图片地址" />
.....
</a> 
$('.product_hov img').on('mouseover',function () {
    var _src = $(this).attr('_src');
    $(this).src(_src);
});
世界只因有你

你们 具体是这样的

$("a").hover(function(){
// 进去
$(this).find('img').src('')
},function(){
$(this).find('img').src('')
//出来
});

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!