网页设计师如何使用JAVASCRIPT增强内容？

有一百万种方法可以让内容看起来不错。理想的情况下，它会发光，因为它写得很好，机智又有趣......但我们都知道情况并非总是如此。甚至所有这些经常。相反，它需要一些帮助来抓住客户或访客的注意力。

对客户来说幸运的是，网页设计师往往擅长这一点。花哨的颜色，布局和图形-它们都有效，但它们有一个'缺陷'-它们是静态的。良好的基础，静态网站将只会让你到目前为止。到目前为止，用户习惯于网络上的动画，动画和效果，并且在某些方面已经期待它。

幸运的是，因为雇用他们比你想象的要容易。当然，您可以使用关键帧和CSS（取决于项目的大小和影响可以成为完美的解决方案！）做简单的动画，但如果您想为特别的东西走更多的路，您需要别的东西。

你可能已经拥有的东西，并且很好。JavaScript的。

使用JavaScript增强内容

现在几乎到处都可以使用各种形式的JavaScript和JavaScript框架。有些网站如此依赖它，如果它在某些浏览器中被禁用，它们实际上不会工作。显然，应该不惜一切代价避免这种情况。因此，首先最重要的是：当您使用JavaScript来增强您的内容时，不管您如何以及如何使用它，请确保有一个后退或故障安全。它不必看起来惊人-但它应该看起来像一个'体面的'网站。

理想情况下，禁用JS的访问者只会稍微意识到任何事情与其打算看的方式不同（如果有的话）。最简单的方法是在没有JavaScript元素的情况下构建您的网站，然后添加它们。你当然可以准备好所有的东西来实现JavaScript，但是这样你可以确信你的网站没有。

现在，你实际上可以用JavaScript做什么（你还不知道）？

用javascript增强内容

由于JavaScript是客户端的，所以你可以用它做更多的自由。对于第一个想法，请考虑动画。取决于您的网站是针对或关于您的网站，您可以选择合适的内容。无论是引起注意的一次性运动，还是打破页面流动的移动元素，还是像改变页面流动（例如侧置滚动条）等更高级的动画，动画是一种很好的方式增加静态内容。无论你的动画元素是什么，你可能会想知道为什么你不能用CSS去做。

似乎诱人的权利？代码少，效果相同。这是一个为什么不是的例子。

在这里，心脏会在悬停时放大并停止脉动。有一个CSS和一个JS版本。你可以看到，两者都可以工作。两者都很好看。直到你徘徊。然后你会发现一个巨大的差异：CSS版本跳转。它在放大之前移动到特定尺寸的中脉。JS在执行放大位之前完成动画，从而确保平滑过渡。

现在，这可能看起来像是一件小事，但想象一下，如果你没有一个这样的元素，而是十个，并且每次它们都被徘徊或点击时，它们都会跳跃。创造一张不太好的照片，不是吗？

用几行JavaScript为您的内容添加一些独特的风格点击发送

一种更适合商业的JavaScript功能（与脉动心脏相比）将会在用户的屏幕上向上或向下导航时产生诸如聊天窗口或菜单“浮动”的内容泡泡。只要确保使其可折叠，以免遮挡用户可能需要的任何内容。如果您选择这样做，让它平稳移动尤其重要，否则它可能会破坏整个网站的形象。如果不是大多数网络购物网站，许多人都使用这种特定的工具来与客户沟通。他们并不总是使用JavaScript，因为这个问题还有其他解决方案，但JS仍然是最受欢迎的解决方案之一。

如果您不想或不能包含此类内容，请考虑将固定框作为布局的一部分，并将移动内容放入其中。这可以是交互式的，例如悬停时悬停，或者也可以点击开始。你可以在顶部有一个可以旋转文字或图像线条的栏。

不要过头-你不想过度使用移动元素的页面。尝试使用这种方式来减少在任何给定时间点可见的内容数量。一般来说，人们会喜欢看到一段而不是完整的文本块。

如果可能的话，尽量让用户能够控制事物的速度。例如，这可以是暂停按钮或下一个按钮。一个相当小的增加，这仍然有很大的不同，因为它仍然允许人们以自己的速度阅读，无论速度是否比您设定的默认速度更慢或更快。就此而言，如果有疑问，就慢一点。不要太慢-你不希望游客厌倦和过早离开现场。弥补这个问题最简单的方法是添加手动控制。

尽管如此，读完后等待一秒钟比匆匆而无法完成更令人愉快，所以如果控制不是一个选项，不要太担心。浮动内容框和一些滑动内容可以很好地结合在一起，形成一个伟大的最终产品。在你开始你的项目期间，甚至在开始你的项目之前，与你的客户讨论这类事情。你的客户可能甚至不知道这是一种选择，或者你知道如何做这样的事情。他们可能希望在他们的项目中包含一些JavaScript，这意味着您最终会得到一些您可以自豪地添加到您的投资组合中的东西。