js cari img nod anak dan tukar src
phpcn_u1582
phpcn_u1582 2017-05-18 10:50:30
0
4
585
    <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>
            

Sekarang imej src ditukar apabila tetikus kekal pada img Saya ingin menambah atribut Onmouse terus ke pautan a Bagaimana untuk mencari nod img ini dan menukar src img

function change_img_product(obj,img){

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

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

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

Anda menambah kelas atau id pada teg img Apabila tetikus berada pada teg, anda boleh mencari kelas atau id yang sepadan dan mencari img Kemudian tukar nilai 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);
});
世界只因有你

Korang, ini khusus

$("a").hover(function(){
// Masuk
$(this).find('img').src('')
},function(){
$(this). cari ('img').src('')
//keluar
});

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!