html这个div效果怎么实现CSS,JS都行--在线等

悬赏html这个div效果怎么实现CSS,JS都行点击选项出来4张图片
2025-01-02 08:51:42
推荐回答(3个)
回答1:

我自己手写的。希望采纳




  • 图1
    图1
    图1
    图1


  • 图2
    图2
    图2
    图2


  • 图3
    图3
    图3
    图3


  • 图4
    图4
    图4
    图4


回答2:

效果:

HTML代码:



  • 折扣专区

  • 团购推荐

  • 特卖推荐



    中间内容区        




JS代码:

$(function(){   //左右切换效果
$(".activityTab li").live("hover",function(){
$(".activityTab li").removeClass("active");
$(this).addClass("active");
$(".activityCenter").css("display","none");        var activityTabID=$(this).attr("id");
$("#"+activityTabID+"Center").show();        return false;
});
});

注:素材来源于网络,版权归作者所有。以上代码仅供参考。

回答3:

您可以在网上搜索 “tab面板”,很多这种效果,要多炫有多炫