个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
24
4
这是我第一次使用 stackoverflow，所以我开始吧。
我正在创建一个网站，目前，我已经创建了导航按钮。默认情况下(主页)使用 JavaScript 显示幻灯片，这一切都包含在一个 div 中。
当我点击“关于我”页面时，我希望那个 div 淡出，而另一个 div 淡入，其中将包含图像和文本。
这是我的代码:
<body>
<div id="top_wrapper">
<a class="button navigation" id="homeBtn">Home</a>
<a class="button navigation" id="aboutBtn">About Me</a>
<a class="button navigation" id="coachBtn">Peronsal, Business and Professional Coaching</a>
<a class="button navigation" id="successBtn">Success Stories</a>
<a class="button navigation" id="workBtn">Community Work</a>
<a class="button navigation" id="charityBtn">Charity</a>
<a class="button navigation" id="contactBtn">Contact Me</a>
</div>
<div id="home">
<div id="sliderFrame">
<div id="slider">
<img src="_images/_image01.jpg" />
<img src="_images/_image02.jpg" />
<img src="_images/_image03.jpg" />
<img src="_images/_image04.jpg" />
<img src="_images/_image05.jpg" />
</div>
</div>
<div id="border">
<img src="_images/_border.png" />
</div>
</div>
<div id="aboutme">
<div id="text">
<p>This is the text</p>
</div>
</div>
</body>
在我的示例中，我希望当用户单击“关于我”按钮时，div“home”淡出而 div“aboutme”淡入。
我已经尝试了 stackoverflow 上的几乎所有示例以及 jQuery/JavaScript 网站和 Google 可能向我抛出的任何示例，但没有成功。
最佳答案
一种方法可能是这样做:
$('#aboutBtn').click(function(){
$('#home').fadeOut(300);
$('#aboutme').delay(400).fadeIn(300);
});
编辑:上面的解决方案更像是针对个别情况的快速修复，下面的解决方案是您应该做的事情，尤其是当您有多个 anchor /div 时。
Here's a working jsFiddle example .
HTML:
<a class="buttonNav" target="1">Home</a>
<a class="buttonNav" target="2">About</a>
<a class="buttonNav" target="3">Success</a>
<div id="div1" class="targetDiv">Home Div</div>
<div id="div2" class="targetDiv">About Div</div>
<div id="div3" class="targetDiv">Success Div</div>
CSS:
.targetDiv {
display:none;
color:red;
}
.targetDiv:nth-of-type(1) {
display:block;
}
jQuery:
$(function(){
$('.buttonNav').click(function(){
$('.targetDiv').fadeOut();
$('#div'+ $(this).prop('target')).delay(400).fadeIn();
});
});
这种方法对于扩展选项的使用会更加清晰，就像您的情况一样。
关于javascript - 使用 jQuery 或纯 JavaScript 进行淡入淡出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16244073/
24
4
0
我似乎对 git 存储库有权限问题。 当我 pull 入一个不是我的 Linux 用户创建的目录时，我出现了这个错误。 fatal: Unable to create '/home/---/.git/
在 Git 中，您可以将给定目录克隆到给定目录: git clone ssh://gitolite@dev.bipper.com:3687/com/bipper/kids/portal 当我运行我们
目前，如果您在分支 V2 中并执行“git pull origin V3”，它会将 V3 merge 到 V2，甚至不会发出警告或提示。这个选项可以以某种方式被阻止吗？我在这里阅读了所有类似的问题，人
我刚开始使用 Oracle 的 Coherence 缓存，我注意到这一点:如果我在缓存中放入一个 ConcurrentHashMap 对象，当我检索它时，我可以看到它被转换为一个普通的 HashMap
看起来我缺少对 git pull 和 git commit 的基本理解，假设我在分支上工作，而它在我更新时被其他开发人员更新了在本地做我的工作。我应该在发出 git pull 之前提交更改，还是应该执
好的。所以我以为我已经舔过了……但现在…… 我有一个项目，其中包含一个来自 GitHub 的小型库作为子模块。在该 super 项目的原始版本中，子模块按预期工作。 但是，我只是克隆了 super 项
使用 Visual Studio Code 中的内置 Git，我看不到将指定的远程分支 pull 入当前分支的方法。我可以这样做吗？ 示例:我正在分支 myBranch 上工作，更改已 merge 到
当我尝试提交或 pull 此错误时 Bus error (core dumped) 发生了! 当我用 gdb 调试它时，(gdb git,run commit -a,where) 结果是: mucul
我对默认 Rails Rake 任务的预期用途有点困惑，想咨询一下我是否应该使用 db:reset或编写自定义 Rake 任务。没什么聪明的，只是日常管理，而且我很可能会错过一个明显的文档，因为我是
所以我做了: git reset --hard #commithash # make a bunch of changes, fixes and so on. git add -A git commi
我已使用以下命令成功部署到 firebase 托管应用: firebase init firebase deploy 在这个阶段，我正在执行 git pull 以将 repo 下 pull 到暂存服务
当尝试在 Eclipse 的 git 存储库中 pull (团队|从上下文菜单中 pull )时，出现 Could not get advertised Ref for branch refs/hea
我是一名优秀的程序员,十分优秀！