在网页设计中，javascript是一个非常重要的脚本语言。它可以控制页面各个元素的显示和隐藏，从而实现更好的用户体验。例如，在一个表单页面中，如果用户想查看或修改自己的信息，可以通过javascript控制这些信息的显示和隐藏，使用户能够更方便地操作。 当用户登录一个网站时，通常会需要填写一些表单。但有时候，他们可能不希望繁琐地填写四五个表单才能进入系统，这时，我们就可以利用javascript，控制表单的显示和隐藏。具体实现方法如下：

首先，我们需要一个按钮，当用户点击这个按钮时，我们将弹出表单：

<button onclick="showForm()">点击此按钮查看表单</button>
<div id="formContainer" style="display:none">
<form>
...表单内容...
</form>
</div>
<script>
function showForm() {
document.getElementById("formContainer").style.display = "block";
}
</script>

上面的代码中，我们首先定义了一个按钮，当用户点击这个按钮时，javascript将调用showForm()函数。这个函数首先通过document.getElementById("formContainer")获取表单元素，接着设置它的style.display属性为"block"，这样表单就会在页面上显示出来。 除此之外，我们也可以通过javascript来实现用户在网站中的授权认证。当用户未登录时，我们隐藏某些元素，比如说“我的账户”、“推荐购买”等属性。一旦用户登录成功，这些元素就会被显示出来，方便用户直接点击。

下面的代码演示了如何通过javascript授权登录用户：

<div id="authorization" style="display:none">
...授权区域...
</div>
<script>
if (/* 用户登录成功 */) {
document.getElementById("authorization").style.display = "block";
} else {
document.getElementById("authorization").style.display = "none";
}
</script>

在上面的代码中，我们首先定义了一个授权区域，并将它的style.display属性设置为"none"，这样这个区域就会在页面上隐藏起来。接着，我们要在javascript中判断用户是否已经成功登录，如果是，就设置这个授权区域的display属性为"block"；如果不是，就继续保持隐藏。 除此之外，javascript还常常被用来实现一些动态效果，比如说在页面上添加一个滚动栏或轮播图。下面的代码演示了如何使用javascript创建一个简单的滚动栏效果：

<div id="scrollbar">
...滚动内容...
</div>
<script>
var scrollbar = document.getElementById("scrollbar");
var timeId = setInterval(function() {
// 判断是否到达滚动底部
if (scrollbar.scrollTop >= scrollbar.scrollHeight - scrollbar.clientHeight) {
scrollbar.scrollTop = 0;
} else {
scrollbar.scrollTop++;
}
}, 50);
</script>

在上面的代码中，我们首先定义了一个滚动区域，然后用javascript设置定时器来实现自动滚动效果。每50毫秒，这个定时器就会执行一次函数，判断当前的scrollTop属性是否达到了滚动底部。如果是，就将它的scrollTop属性设置为0，从头开始滚动；否则，就将其加1，使滚动栏向下滚动。 总之，javascript是实现页面元素显示和隐藏的效果的一个非常重要的脚本语言，在网页设计中是功不可没的。无论是控制表单显示和隐藏，还是实现动态效果，javascript都是必不可少的。