jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法_jquery
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:32:01
jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法_jquery
jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法_jquery:本文實(shí)例講述了jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下： 代碼如下: li{list-style:none;float:left;margin-left:10px;} var data = { images/11_s.jpg:[images/1
導(dǎo)讀jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法_jquery:本文實(shí)例講述了jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下： 代碼如下: li{list-style:none;float:left;margin-left:10px;} var data = { images/11_s.jpg:[images/1
本文實(shí)例講述了jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
代碼如下:
$("div").first().append(smallPath);
//小圖上添加事件
smallPath.mouseover(function(){
//最后一個(gè)div淡入效果
$("div").last().fadeIn("fast");
//獲取大圖地址
$("#show").attr("src",$(this).attr("bigMapPath"));
//獲取大圖名稱并設(shè)置樣式
$("#imgTitle").text($(this).attr("bigMapName")).css({"background":"#ebf1de","padding":"10px","margin-bottom":"10px"});
});
smallPath.mouseout(function(){
$("div").last().fadeOut("fast");
});
});
});
![]()
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法_jquery
jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法_jquery:本文實(shí)例講述了jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下： 代碼如下: li{list-style:none;float:left;margin-left:10px;} var data = { images/11_s.jpg:[images/1
