老师为什么逗号后面的函数可以表示鼠标移出后的操作

来源:3-5 让菜单下拉

猴野大表哥

2019-06-26 21:25:32

第一中方法
$('.dropdown').hover(function(){
    var $dropdown=$(this);
    $dropdown.find('.dropdown-toggle').css({
        'background-color':'#fff',
        'border-color':'#cdd0d4'
    });
    $dropdown.find('.dropdown-arrow').css({
        'background-image':'url(img/dropdown-arrow-active.png)'
    });
    $dropdown.find('.dropdown-layer').show();
},function(){
var $dropdown=$(this);
    $dropdown.find('.dropdown-toggle').css({
        'background-color':'',
        'border-color':'#f3f5f7'
    });
    $dropdown.find('.dropdown-arrow').css({
        'background-image':'url(img/dropdown-arrow-active.png)'
    });
    $dropdown.find('.dropdown-layer').hide();
});


写回答

2回答

好帮手慕码

2019-06-27

同学你好!

这是jquery的链式操作,第一个是鼠标悬停函数,第二个是正常没有任何操作的函数(鼠标悬停的,它的相反事件就是鼠标移出去了)所以在第二个函数中做一些鼠标移出的操作

http://img.mukewang.com/climg/5d1425c500019f8a06110356.jpg

关于图片,视频中这种可以表示 这个下拉框鼠标移入过。当然按照同学这个也是可以的,这就是页面的需求问题了

如果帮助到了你 欢迎采纳 祝学习愉快~

1

猴野大表哥

提问者

2019-06-26

而且鼠标移走时,图片应该改成

$dropdown.find('.dropdown-arrow').css({

        'background-image':'url(img/dropdown-arrow.png)'


0

0 学习 · 14456 问题

查看课程