lightbox插件

网页说明

我的网页只要由两张主要网页加上部分相册网页组成。主要网页

有：“博客”和“登陆界面”。

“登陆界面”

1通过Javascript语言产生随机验证码。

2.通过Javascript语言来判断用户名.验证码和密码是否正确。不

正确就刷新页面重新登录。缺点就是刷新页面要重新输入用户名和密

码。

“博客”

1.网页采用1-3-1布局。

1.1．头部插入Flash动画。内容为“欢迎进入我的空间”。

1.2．整个网页插入了背景音乐。

1.3．当打开这个网页会出现警示框。

2．采用导航菜单，当你鼠标移动到导航条时显示隐藏的菜单。缺

点就是没有实现逐渐变色。

3.左部的导航条主要由个人头像和友情连接以及折叠式菜单为

主。

3.1．相片由表格装载。想突出那种相框的感觉。

3.2.友情链接由无序列表实现阶梯形状的导航。包含网页链接

和热区链接（单击周杰伦的头部）。

3.3.折叠式菜单由jquery和javascript语言实现。

4．中间部分主要有二级联动菜单和无模式状态的对话框以及部分

文字分布的div可以为浏览博友动态节省更多的网页空间。

4.1．二级联动菜单通过Javascript语言实现，当选择好要搜索的

内容后单击“确定”会有对话框弹出。

控制博友动态会根据内容的大小出现滚动条，更好的阅

读博友动态。

4.3.当移动鼠标到博友的图片时图片会变大。

5．右部主要由相册链接为主。当单击“我的空间”和“我的相册”

时会链接到不同的网页。还有部分带阴影效果的图片。接下网页内链

接网页。

5.1．“我的相册”用山顶角法装载，以达到圆角的效果。

5.2.几张图片有图片阴影的效果。

5.3利用iframe语句实现网页的链接。

5.4．“我的空间“利用跑马灯效果实现字体动态。

6.底部显示了今天的时间和版权所有。

6.1.时间的实现通过javaScript语言来获取计算机的时间，每隔一

秒调用一次“init（）”函数，实现时间的动态显示。

7.网页上会有漂浮图片出现。当单击图片右部的关闭按钮即可关闭。

相册网页

相册1:主要利用javascript语言实现网页的从天而降。当通过“我的

空间”可以链接此网页。

2.相册2:主要利用frameset将网页分成四个部分。该网页可以通

过“我的相册”链接。四个部分分别连接不同的网页。四个网

页分别是不同效果的相册展示方法。

2.1.上部网页利用Javascript语言主要的效果是当鼠标移到图片

时会将图片放大显示在鼠标右部的方框中。

2.2.左部的网页是利用Javascript语言让图片自动轮显。

2.3.中间的网页利用Javascript和jquery语言实现图片的自动轮

显但单击下面的图片编号又可以跳转到想浏览的图片。

2.4.右部的网页主要利用Jquery（lightbox插件）和Javascript

语言来实现图片的特效浏览效果。

3相册:主要利用Javascript和jquery（jqzoom插件）语言实现图

片的放大。通过导航条的“相册”可以连接此网页。

网页技术点总结

我设计这张网页的理念是应在一种温馨

氛围，粉红色的背景和欢快的背景音乐。这

几张网页用的技点总共有：23个（可能部

分不算技点，需要请老师您鉴定）。

张韩1011011039