介绍 & lt; !DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt; title>推拉的门& lt;/title>
& lt;脚本https://www.yisu.com/zixun/src=" . ./jquery.min.js ">
<时尚>
* {
保证金:0;
填充:0;
list-style:没有;
}
.container {
保证金:50 px汽车;
宽度:988 px;
身高:405 px;
溢出:隐藏;
}
img {
宽度:538 px;
身高:405 px;
}
李.container ul {
浮:左;
宽度:75 px;
身高:405 px;
}
.container ul li.active {
宽度:538 px;
}> 头
身体<>
<脚本type=" text/javascript”>
美元(文档)。准备好(函数(){
$("。容器ul李”)。mouseover(函数(){//$ ().addClass(“活跃”);//美元(这).siblings () .removeClass(“活跃”);
(美元)。停止(真、假).animate({宽度:538},500);
(美元).siblings()鸡毛蒜皮(真、假).animate({宽度:75},500);
});
});>
今天就跟大家聊聊有关使用jQuery实现推拉门效果代码示例,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
方法:anemate(),停止(),兄弟姐妹()
动画效果:
-
<李class="活跃">