我看到一个Flash网站,并且很想知道如果这是使用Jquery构建的东西,显然不是整个事情。我更倾向于用按钮单击淡出div1和div2。 这是示例站点: www.justinfarrellyconstruction.com淡入淡出按钮单击
例子: 如果我到了主页,并点击按钮组合的画廊事业部将淡出然后在另一个图像褪色。同时Text div将淡出其内容并加载投资组合文本。
我很抱歉,如果这没有意义,这对我来说都是相当新的,我试图得到学习。
我看到一个Flash网站,并且很想知道如果这是使用Jquery构建的东西,显然不是整个事情。我更倾向于用按钮单击淡出div1和div2。 这是示例站点: www.justinfarrellyconstruction.com淡入淡出按钮单击
例子: 如果我到了主页,并点击按钮组合的画廊事业部将淡出然后在另一个图像褪色。同时Text div将淡出其内容并加载投资组合文本。
我很抱歉,如果这没有意义,这对我来说都是相当新的,我试图得到学习。
你的问题很模糊,但希望这个例子将让你在正确的方向开始:http://jsfiddle.net/3mJ3z/
基本上有3个菜单项和3个对应的内容项目。当您单击菜单项,所有其他内容项消失,相应的内容项中的HTML变淡:
<div class="item-1 content-item">
I am the content for item 1
</div>
<div class="item-2 content-item" style="display: none;">
I am the content for item 2
</div>
<div class="item-3 content-item" style="display: none;">
I am the content for item 3
</div>
<ul>
<li class="change-item" data-item="1">Item 1</li>
<li class="change-item" data-item="2">Item 1</li>
<li class="change-item" data-item="3">Item 1</li>
</ul>
的JS:
$('.change-item').click(function(){
var this_item = $(this).attr("data-item");
$('.content-item').hide();
$('.item-' + this_item).fadeIn();
});
嗨爱斯基摩,谢谢你的回应。如果我的问题含糊不清,我很抱歉。我真的怀疑这里的任何人都会为我写下整件事情,我不希望他们这样做。我对Jquery很陌生,只是试图弄清楚如何实现。我实现了将文本div换出的第一部分。现在试图找出点击“数据项2”按钮后如何换出图像div。也许我不会正确地写出它。再次感谢你的帮助。 – user1914298
嗨爱斯基摩人,所以我小猪支持你的例子,告诉你我正在尝试做什么。我确定代码是错误的,但从这个例子中,你可以看到我正在尝试完成的任务,但代码正确完成。 http://jsfiddle.net/3mJ3z/17/ – user1914298
那么,答案是肯定的。我怀疑这里的任何人都会为你写整个东西。 –