淡化切换 2 次如何(初学者)
fadetoggle 2 times how (Beginner)
本文关键字:初学者 更新时间:2023-09-26
Jquery
<script>
//Team
$(document).ready(function(){
$(".team").click(function(){
$(".panel").fadeToggle("3000");
});
$(".team").click(function(){
$(".teamh").fadeToggle("3000");
});
});
</script>
.HTML
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
//Team
$(document).ready(function(){
$(".team").click(function(){
$(".panel").fadeToggle("3000");
});
$(".team").click(function(){
$(".teamh").fadeToggle("3000");
});
});
</script>
</head>
<body>
<!--Buttons-->
<a><span class="team"></span></a>
<a><span class="events"></span></a>
<a><span class="media"></span></a>
<a><span class="contact"></span></a>
<span class="panel"></span>
<span class="teamh"></span>
<script src="assets/js/bootstrap.min.js"></script> <span class="panel"></span>
</body>
</html>
在上面你可以看到我试图淡化切换面板,当淡入时,我希望"按钮"悬停在 html 中,它是一个<a>
标签。
所以我想:当 .team 切换到显示面板并添加我的悬停时。
我不是 100% 确定我理解你想要什么,但我为你做了这个小提琴,它将切换两个面板:
$(".team").click(function()
{
$(".teamh").fadeToggle("3000",function()
{
$(".panel").fadeToggle("3000");
});
} );
基本上,当您单击链接时,teamh 面板被切换 - 一个切换淡入淡出完成,它将切换另一个面板。 请注意,一个面板的显示设置为隐藏
https://jsfiddle.net/loanburger/rcy4vu8L/
它使用淡入淡出切换完成回调函数,然后切换另一个面板。
如果您只想切换两个面板,则只需在同一个单击处理程序中调用 fadeToggle:
$(".team").click(function()
{
$(".teamh").fadeToggle("3000");
$(".panel").fadeToggle("3000");
});
看这里: https://jsfiddle.net/loanburger/beeLqv6x/
相关文章:
- 初学者异步JS-我曾经使用过“;那么“;每次我都想要价值
- 初学者反应查询(如何删除一个元素并附加另一个元素)
- 奇怪的对象测验-JavaScript-初学者
- AngularJS或Backbone适用于初学者
- javascript对象与阅读文档——初学者查询效率
- 面向对象,控制器问题,初学者Javascript
- 从另一个(初学者内部)访问嵌套的javascript函数
- 初学者 JavaScript 数组
- 为初学者构建JavaScript中的类
- HTML5 Canvas 的初学者,使用图层
- Angular Js初学者Ajax调用
- js初学者-如何在比网页中的DOM节点低一个级别上立即解析所有子节点
- JavaScript 帮助(对于初学者来说非常简单)
- 这里的初学者-点击游戏计时器重置
- 有人能说出我的代码出了什么问题吗?我是个初学者
- javascript初学者-无法在屏幕上显示消息框
- js初学者-如何获得网页中所选内容的html以及整个节点层次结构
- javascript初学者:在javascript中添加动态样式
- 初学者尝试使用焦点/模糊:JavaScript
- Javascript初学者:setTimeout隐藏/显示问题