当今的网页设计需要从令人满意和高可用性角度考虑，因此，动态设计已成为一个重要的组成部分。JavaScript是一种被广泛使用的编程语言，最适合用于创建动态网页。

以下是一些具有示范性的JavaScript代码，它们能帮助你在网页中添加动态性。这些代码旨在让你了解如何利用JavaScript的强大功能来创建动态内容。

# 1. 增加动态图片

使用下面的JavaScript代码，可以创建一个在鼠标滑过时切换为另一张图片的效果。

function changeImage(image) {
 if (image.src.match("img1"))
  image.src = "img2.png";
  else
  image.src = "img1.png";
 
}

# 2. 动态验证表单

使用下面的JavaScript代码，可以检查表单字段是否为空。此代码在提交表单之前运行。

function validateForm() {
 var x = document.forms["myForm"]["fname"].value;
 if (x == "") {
  alert("Name must be filled out");
  return false;
 }
}

# 3. 使用JavaScript实现滚动效果

使用下面的JavaScript代码，在点击超链接时实现网页滚动效果。

$(function() {
 $('a[href*=#]:not([href=#])').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
   var target = $(this.hash);
   target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
   if (target.length) {
    $('html,body').animate({
     scrollTop: target.offset().top - 50
    }, 1000);
    return false;
   }
  }
 });
});

相似文章

友情链接
• 网站定制开发
• 帮你发
• 小蓄群站获客
• 雅圣洁家政