一、现在我们在网站设计（三）的基础上，来编写about.html页面。这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIVabout.html页面在前面我们为了看导航栏菜单项高亮显示时，已经写了部分内容，只是那时写的代码没有实现div显示和隐藏，现在就在之前编写的...
分类：
编程语言 时间：
2014-05-20 02:43:52
阅读次数：
433
一、photos.html页面，点击每一张缩略图，就在占位符的位置那里，显示对应的大图。看到的页面效果是这样的：1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使用ul列表显示出所有的缩略图，然后使用JavaScript，for循环检查出当前点击的是哪一张图片，最后...
分类：
编程语言 时间：
2014-05-19 22:34:24
阅读次数：
477
这是JavaScript
DOM编程艺术里的构建JavaScript网站设计的例子，这本书给我学习JavaScript带来许多启发，在这个乐队宣传网站中，把前面学到的知识点整合在这个项目了。在这里记录下实现这个乐队的宣传网站的具体过程，加深理解。好，从现在开始来实现这个JavaScript网站实战。...
分类：
编程语言 时间：
2014-05-19 19:12:15
阅读次数：
389
一、（一）中的代码还可以修改的地方。在（一）中，如果是运行在服务器下，如apache等，可以把head和navigation的div抽取出来，放置在另一个html文件里，然后在页面中，include进来。这样，当要对导航栏进行修改时，只需要修改一个文件，而不用修改所有相关的页面文件。不过，我这里没有...
分类：
编程语言 时间：
2014-05-19 19:01:55
阅读次数：
388
一、主页一般都会比较有特色，现在在网站设计（二）实现的基础上，来给主页添加一点动画效果。1、这里实现的动画效果是：当鼠标悬停在其中某个超链接时，会显示出属于该页面的背景缩略图，让用户知道这个链接的页面大概内容是什么。效果图：2、实现这个效果的思路（1）把主页的几个链接的背景图片缩放到150px*15...
分类：
编程语言 时间：
2014-05-19 18:44:19
阅读次数：
342
一、现在我们在网站设计（三）的基础上，来编写about.html页面。这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIVabout.html页面在前面我们为了看导航栏菜单项高亮显示时，已经写了部分内容，只是那时写的代码没有实现div显示和隐藏，现在就在之前编写的...
分类：
编程语言 时间：
2014-05-19 18:41:51
阅读次数：
256
一、photos.html页面，点击每一张缩略图，就在占位符的位置那里，显示对应的大图。看到的页面效果是这样的：1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使用ul列表显示出所有的缩略图，然后使用JavaScript，for循环检查出当前点击的是哪一张图片，最后...
分类：
编程语言 时间：
2014-05-19 18:41:14
阅读次数：
342
一、编写live.html页面，1、JavaScript实现表格的隔行换色，并且当鼠标移过时当前行高亮显示；2、是输出表格中的abbr标签的内容实现后的效果图是这样的：1、实现思路在输出表格的时候，给出一个判断，如果偶数或是奇数行我们想换色，则添加一个class为odd的值，在这个class里就设置...
分类：
编程语言 时间：
2014-05-19 18:36:44
阅读次数：
374
一、最后一个页面
contact.html。改进表单在该页面实现的功能：几乎所有的网站都会有表单填写，对于用户输入和填写的数据，首先我们一般现在前台验证，然后再去后台验证。在前台最简单的验证：检查必填字段是否填写、填写格式是否符合要求等。每个表单里面，当获取到输入焦点时，令提示文本消失现在开始动手来...
分类：
编程语言 时间：
2014-05-19 17:09:58
阅读次数：
294
现如今，网站开发设计的需求会要求自动适应所有移动设备，即响应式网站:
在开发网站时必须考虑对平板设备融合 fluid（流）和自适应性特点。 大多数网站设计要靠margins, guides, rows and
columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图像排....
分类：
Web程序 时间：
2014-05-18 19:46:00
阅读次数：
437
