Question

我最近开始学习css和php，试图创建一个wordpress网站。我花了两个星期的时间在24小时内全力以赴，试图弄清楚这一切。今天我在浏览想法时偶然发现了自己的想法...... 在谷歌搜索感觉像是永恒的东西之后，我想我会试试这个网站...（当你不知道它可以被称为什么时，它只会让谷歌感到困惑。）有没有＆＃34;容易＆＃34;在按下按钮之前隐藏所有网站内容的方法？

例如，http://gyazo.com/6645edf04777af0f375b662db452d33f ...让我们说图像是整个网站，直到我按下箭头朝下。然后＆＃34;显示＆＃34;网站的其余部分，以一种奇特的方式。

提前致谢。

Answer 1

是的，有。您可以使用jquery这是一个JavaScript库。

注意：如果您不熟悉jQuery，则必须将其放在<head>标记内：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
从Googgle调用JQuery库。 详细了解jQuery here

此<script>应该转到您的标题，也可以放在页脚上：

<script>
$(".showMsg").click(function () {
    $('#website').fadeIn();
});
</script>

您的HTML

<button class="showMsg">Click Me</button>

<div id="website">
    <p>
        ... Content here ...
    </p>
</div>

您还需要为display:none;设置#website，以便它不会开始显示

#website {
    display:none;
}

这里是online example

Wordpress新手寻求名称和指导

1 个答案: