OnPage加载显示一句话 - 隐藏其他

我创建了http://techavid.com/design/test3.html，当您加载页面时，您会看到3个图像。太阳图像聚焦（彩色），而其他图像呈灰色直到点击。这就是它应该是如何的图像。OnPage加载显示一句话 - 隐藏其他

在每张图片下你看到一个句子第一名：太阳，第二名：飞机&第三名：纳米，但是当页面加载时，你会看到所有三个句子。当页面加载活动图像下的第一句（太阳）只显示和其他人不显示，他们只显示被点击时（虽然这只是需要找出onpage加载只显示“第一：太阳” ）？

谢谢:)

的Paul J.

来源

2010-06-06 Paul

如果你把前两个环节的span（就像你与其他两组的环节上做到），这应该工作：

$('#popuptext span:not(:first) a').hide();

提出的HTML会是这个样子：

<div id="popuptext"> 
    <span class="suntext"> <!-- add this --> 
     <a href="#" rel="sun">1st:</a> 
     <a href="#" rel="sun">Sun</a> 
    </span> <!-- and this --> 
    <span class="planetext"> 
     <a href="#" rel="plane">2nd:</a> 
     <a href="#" rel="plane">Airplane</a> 
    </span> 
    <span class="nanotext"> 
     <a href="#" rel="nano">3rd:</a> 
     <a href="#" rel="nano">Nano</a> 
    </span> 
</div>

编辑对不起，我没有看过你的代码足够接近。您必须将选择器从#popuptext span:not(:first)更改为#popuptext span:not(:first) a，然后才能正常工作。还请注意我的评论如下。

来源

2010-06-06 21:02:31

谢谢我实现了上述techavid.com/design/test3.html，但认为我错过了什么？ – Paul 2010-06-06 22:10:43

将'$（'＃popuptext span：not（：first）'）。hide（）;'移出点击处理程序，例如。右后'$（文件）。就绪（函数（）{' – 2010-06-07 05:55:39

嘿感谢...我实际使用的一个老同学的JavaScript函数 document.onload = hideLayer; 功能hideLayer（）{ 的document.getElementById（ “HIDETEXT”）的风格。显示=“无”; } thnx帮助和教育干杯 – Paul 2010-06-08 06:37:37

您的javaScript代码通过将其样式设置为display: none来隐藏页面上的元素。

我想在默认情况下隐藏某些元素的最简单方法是通过编辑HTML或CSS文件在其上显式设置此样式。

您可能还想尝试visibility: hidden，它不影响文档流。

来源

2010-06-06 21:03:44

谢谢你，但林不知道你的意思？ – Paul 2010-06-06 21:35:54

简单的方法是将句子包装在自己的元素中（例如），并使用CSS切换它的可见性。（和一些JavaScript）。

例如假设图像是在一个li元素与类名imageBox：

li.imageBox span.imageCaption { 
    /* set style options */ 
} 
li.imageBox.active span.imageCaption { 
    /* use different style options */ 
}

来源

2010-06-06 21:03:54 user268396

谢谢..图像和文字在用户的角度看起来都是一体的，但“太阳”这个词需要是它自己的单独链接，所以当用户点击太阳时，他们看到悬停，然后活动动画效果和点击时会看到单词“Sun”，点击时会将用户带到新的URL。 – Paul 2010-06-06 21:39:29

$(document).ready(function(){ $(".planetext").hide(); $(".nanotext").hide(); }

是你在问什么？

来源

2010-06-06 21:04:04 Will

关闭....虽然我不希望planetext和nanotext始终保持隐藏只有当显示suntext隐藏这些，当点击planetext时显示planetext只隐藏suntext并保持nanotext隐藏。谢谢：） – Paul 2010-06-06 21:37:05

OnPage加载显示一句话 - 隐藏其他

回答

相关问题