together项目进度报告8

周六和后台同学进行了一下交接，做了一些代码上的调整，最主要的是主屏的布局由每一块一个div布局改为了iframe布局，以搜索界面为例：

之前搜索界面代码为：

    

        
        ◎
        ×
        

            
saasdfaasz
            
asadfsdasdd
            
aszxcdasdf
            
asdfsadfasd
        
    

现在代码为：

而search.html页面的信息为：

    
    
    
	
	


    

        
        ◎
        ×
        

            
saasdfaasz
            
asadfsdasdd
            
aszxcdasdf
            
asdfsadfasd
        
    
    

可以看到js代码被移到了页面内部，而不是跟随首屏页index.html

其中最主要的是登录注册的布局，为了能够及完成js控制的左右滑动的布局又能够讲两个页面分开不同页面，用了两层的框架。

首先将index里面用一层iframe来链接到login.html并将z-index的值置为最高

之后在login页面里套一个200%宽度的ul，并将登陆和注册的表单部分用另外两个框架来嵌套进去：

    
    

        

            
        
        
        
没有账号？ 加入我们> 
Dont have an account? Sign up
    
    
    

        

            
        
        
        
已有账号？ 返回登录
Dont have an account? Sign up
    

之后便是详情页的一个介绍实现。

之间所说的遮罩，鼠标点击之后会消失，进而得到全屏的视频


上方隐藏的菜单鼠标移动上去会展开，并且显示加入团队或者加入收藏，加入收藏之后就可以在我的收藏里面找到团队简介。

下方的是一个video标签，将其控制器和进度条隐藏，并设置为循环播放，并设置为全屏。