首页 > 代码库 > JavaScript（二）--实现分栏

JavaScript（二）--实现分栏

2024-07-21 08:59:05   213人阅读

Javascript中讲到了分栏的小实例，这篇文章就写一个小的例子吧，从这个例子中看看我们都学到什么？


（一）源代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript分栏模式</title>
<link href=http://www.mamicode.com/"001.css" rel="stylesheet" type="text/css" />>
(二)分析代码：

javascript是一种脚本语言，是放在HTML中的一种解释性语言，程序每次运行一次，javascript都已被解释一次。事件驱动很典型的就是一个：onclick=“yx（）；”这样的，当然事件驱动不仅仅是这样的。
实现的效果：
没有按按钮之前

按下表格中间的那个蓝色按钮出现：


按下表格第一个的蓝色按钮出现：


（三）总结

这个是应用了javascript的一个小例子，不怕笑话，这个例子，我敲了好多遍都出不来，最后才敲完的。觉得这样小的例子，出不来就出不来了，但是我想说的是，你这次这样想，下次呢？有时候，真是只是一个字：做。的问题，为什么看似傻傻的人最后却能成就事业，我想，可能很多时候，他们知道只有做才能成功吧！


JavaScript（二）--实现分栏


联系
我们