together專案進展報告4

2021-08-01 09:46:54 字數 968 閱讀 6406

上次更新寫到了首屏輪播圖的實現與優化,到現在為止,更新了一些另外的內容,包括側邊banner的滑動效果、登入註冊介面的設計,布局,以及部分js**的實現。

首先是側邊banner欄的滑動實現

側邊欄的選項為乙個ul列表,為了讓使用者明確現在所處的位置,我將所示的欄目的選項定義乙個類"listfoc",並將其color值設為了主色調 #648b98

**如下所示

其中listfoc和ns類如下所示,ns類的得單獨列出是為了讓使用者無法選取可能會誤選的文字或,減少會影響互動體驗的操作。

.list>li.listfoc 

.ns

值得一提的是user-select屬性經測試無法支援ie瀏覽器。

接下來就是登入和註冊介面的實現了。

登入和註冊介面的構想圖為如下所示

實際實現的效果和圖中基本一致,同時為了保持**風格一致,扥古和註冊的切換不是切換頁面,而是用滑動來表現出來。下面為兩個的**

其中ul為200%的寬度值,z-index值為100,當使用者已經註冊和登入的情況下,將ul的display屬性設定為"none"即可。

以下為兩者切換的js部分**

$('tosignup').onclick = function()

else

},10);

}$('tosignin').onclick = function()

else

},10);

}

目前工作量到這裡,進度還算順利,繼續努力。

together專案進度報告8

週六和後台同學進行了一下交接,做了一些 上的調整,最主要的是主屏的布局由每一塊乙個div布局改為了iframe布局,以搜尋介面為例 之前搜尋介面 為 現在 為 而search.html頁面的資訊為 可以看到js 被移到了頁面內部,而不是跟隨首屏頁index.html 其中最主要的是登入註冊的布局,為...

together進度報告2

到目前為止together專案我所負責的前端已經開始起步,將已經設計好的頁面 包括首頁側banner和推薦頁面輪播 的html和css部分已經搭建好。css部分已經構建了base.css來節省 量,base是將一般常用的css特性總結成乙個個小的類,具體部分如下所示 用時如下圖所示 同時如上圖所示加...

專案進展二

我們似乎陷入僵局了。我先從最初的計畫來一遍 這個系統是用來減少動物尤其是珍稀野生動物穿越公路時與過往車輛相撞事故的,是保護珍稀野生動物的乙個方案 這個系統乙個典型的監控 資訊處理 發布的控制模型,資訊的處理和控制必須是系統核心功能環節,並且以 為處理單元,這是符合要求的。這個系統的資訊採集是應當比較...