2012-12-18 60 views
-3

我看到一个Flash网站,并且很想知道如果这是使用Jquery构建的东西,显然不是整个事情。我更倾向于用按钮单击淡出div1和div2。 这是示例站点: www.justinfarrellyconstruction.com淡入淡出按钮单击

例子: 如果我到了主页,并点击按钮组合的画廊事业部将淡出然后在另一个图像褪色。同时Text div将淡出其内容并加载投资组合文本。

我很抱歉,如果这没有意义,这对我来说都是相当新的,我试图得到学习。

+0

那么,答案是肯定的。我怀疑这里的任何人都会为你写整个东西。 –

回答

0

你的问题很模糊,但希望这个例子将让你在正确的方向开始: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(); 
});​ 
+0

嗨爱斯基摩,谢谢你的回应。如果我的问题含糊不清,我很抱歉。我真的怀疑这里的任何人都会为我写下整件事情,我不希望他们这样做。我对Jquery很陌生,只是试图弄清楚如何实现。我实现了将文本div换出的第一部分。现在试图找出点击“数据项2”按钮后如何换出图像div。也许我不会正确地写出它。再次感谢你的帮助。 – user1914298

+0

嗨爱斯基摩人,所以我小猪支持你的例子,告诉你我正在尝试做什么。我确定代码是错误的,但从这个例子中,你可以看到我正在尝试完成的任务,但代码正确完成。 http://jsfiddle.net/3mJ3z/17/ – user1914298