2018Web陈煜昆答辩新车网

1.主要思想

 这次是我第一次在web组参加答辩,答辩作品写的相对比较简单,但是我还是收获了很多,以及在写答辩的遇到了很多有意思的动画,我做的是一个新车网,用的是比较新的网页形式,但是可能并不实用,还有许多值得改进的地方。我主要想体现三大功能,商品展示,动态动画,和对售后服务更多的描述。

2.主要运用的技术

我的答辩主要运用了bookstrap框架,jquery插件,css3, html , javascript,css六大技术,但是运用的不是很好,问题很多,只能大体实现了一点功能,但想法和做出来的效果总是有差距。

3.网页主体介绍

我主要做了四个网页,分别是主页,服务,关于和联系我们,以及一个小的开场动画,就没啥了,在四个网页首部我分别做了不同的样式,轮播,背景图片自动切换,轮播文字,和文字颜色动态渐变,不多说了,上图。

 

这是主页

 

 这是服务网页,背景图可以切换

 轮播文字的实现直接上代码

var curIndex=0;
//时间间隔(单位毫秒),每秒钟显示一张,数组共有5张图片放在Photos文件夹下。
var timeInterval=5000;
var arr=new Array();
arr[0]="s1-1.jpg";
arr[1]="s1-2.jpg";
arr[2]="s1-3.jpg";
arr[3]="s1-4.jpg";
arr[4]="s1-5.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}

  下面一个是联系我们的网页

 

4.小动画详解

我在答辩中加了许多的动画效果,我是第一次做,有的做的不好看,多多包涵。

1.侧边选项卡

 

2.滚动展示功能,主要就是用js写的,比较简单的可以调节向左向右滚动展示的效果,直接上图片代码


                    
                    

你可能感兴趣的:(软工)