仿京东BOE官网 jQuery代码

19 篇文章 0 订阅

$(function() {

    $("#chanping").mouseenter(function() {

        $("#column").slideDown(500, function() {

            $("#column").mouseenter(function() {

                $("#column").show()

            })

        });

    });

    $("#column").mouseleave(function() {

        $("#column").slideUp(500);

    });

    $("#chuanxing").mouseenter(function() {

        $("#column2").slideDown(500);

    });

    $("#column").mouseleave(function() {

        $("#column2").slideUp(500);

    });

    $("#scLeft").hover(function() {

            $("#yishang1").animate({

                width: "355px",

                height: "245px",

            })

        },

        function() {

            $("#yishang1").animate({

                width: "350px",

                height: "240px",

            })

        });

    $("#scCenter").hover(function() {

            $("#yishang2").animate({

                width: "355px",

                height: "245px",

            })

        },

        function() {

            $("#yishang2").animate({

                width: "350px",

                height: "240px",

            })

        });

    $("#scRinght").hover(function() {

            $("#yishang3").animate({

                width: "355px",

                height: "245px",

            })

        },

        function() {

            $("#yishang3").animate({

                width: "350px",

                height: "240px",

            })

        });

    $("#weixin2").hover(function() {

            $("#wixin1").show();

            $("#winxin3").attr('src', './images/weixin-icon01.png');

        },

        function() {

            $("#wixin1").hide();

            $("#winxin3").attr('src', './images/weixin-icon02.png');

        })

    $("#weibo2").hover(function() {

            $("#wibo1").show();

            $("#wibo3").attr('src', './images/weibo-icon01.png');

        },

        function() {

            $("#wibo1").hide();

            $("#wibo3").attr('src', './images/weibo-icon02.png');

        })

    $("#in2").hover(function() {

            $("#in1").show();

            $("#in3").attr('src', './images/yl.png');

        },

        function() {

            $("#in1").hide();

            $("#in3").attr('src', './images/yl2.png');

        })

    $('.a_1').mouseenter(function() {

            $('.a_1').animate({

                backgroundPositionY: -50,

            })

        }),

        $(".a_1").mouseleave(function() {

            $('.a_1').animate({

                backgroundPositionY: 0,

            })

        })

    $('.a_2').mouseenter(function() {

            $('.a_2').animate({

                backgroundPositionY: -190,

            })

        }),

        $(".a_2").mouseleave(function() {

            $('.a_2').animate({

                backgroundPositionY: -130,

            })

        })

    $('.a_3').mouseenter(function() {

            $('.a_3').animate({

                backgroundPositionY: -310,

            })

        }),

        $(".a_3").mouseleave(function() {

            $('.a_3').animate({

                backgroundPositionY: -250,

            })

        })

    $(".xianshi").mouseenter(function() {

        $('#column_in1').show()

    })

    $(".xianshi").mouseleave(function() {

        $('#column_in1').hide()

    })

    $(".chuangan").mouseenter(function() {

        $('#column_in2').show()

    })

    $(".chuangan").mouseleave(function() {

        $('#column_in2').hide()

    })

    $(".jiankang").mouseenter(function() {

        $('#column_in3').show()

    })

    $(".jiankang").mouseleave(function() {

        $('#column_in3').hide()

    })

    $(".fuwu").mouseenter(function() {

        $('#column_in4').show()

    })

    $(".fuwu").mouseleave(function() {

        $('#column_in4').hide()

    })





 

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zayyo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值