問題討論區


【JavaScript 語法】問題討論區


【問題】 不同的div用js執行同一個動作



不同的div用js執行同一個動作
會員一級
註冊日期:
2013/6/26 19:32
留言: 1

大家好,碰到了一個問題,向板上先進請教

下面這是弱者我寫的,意思是說

游標滑到#feature_1_a這個div

#feature_1_big_a這個div就會向上跑,游標移開就回原位 

 

名稱都是 #feature_1_x #feature_1_big_x 

動作都一樣,有沒有簡單的寫法?

我試著用attr()來用,可是根本想不出來怎麼寫才會動

在此先扣謝願意解答的老師及先進,祝你們一生順遂~無病無痛賺大錢(嗚嗚嗚) 

 

$("#feature_1_a").hover(

function(){

$("#feature_1_big_a").css("background-color", "#f4f9fa").animate({top:190},500,"easeOutBounce");

} , 

function(){

$("#feature_1_big_a").css("background-color", "#fff").animate({top:222},200,"easeOutBounce");

});

$("#feature_1_b").hover(

function(){

$("#feature_1_big_b").css("background-color", "#f4f9fa").animate({top:190},500,"easeOutBounce");

} , 

function(){

$("#feature_1_big_b").css("background-color", "#fff").animate({top:222},200,"easeOutBounce");

});

 


2013/6/26 19:40
 


回覆: 不同的div用js執行同一個動作
飛肯老師
註冊日期:
2009/2/15 16:27
留言: 106
試試看


$("#feature_1_a, #feature_1_b").hover(function(){
    var
id = '#' + this.id.replace('_1_', '_1_big_');
    $(
id).css("background-color", "#f4f9fa").animate({top:190},500,"easeOutBounce");
}, function(){
    var
id = '#' + this.id.replace('_1_', '_1_big_');
    $(
id).css("background-color", "#fff").animate({top:222},200,"easeOutBounce");
});

2013/6/30 16:07
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 1 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS