南京賽摩爾節(jié)能科技發(fā)展有限公司是屬于建筑保溫、工業(yè)保溫產(chǎn)品開(kāi)發(fā)的，主要是與巖棉生產(chǎn)商、供應(yīng)商、外墻系統(tǒng)公司、施工單位、外資企業(yè)打交道的，針對(duì)這樣的企業(yè)，我們采用了紅色作為了主色調(diào)，并配以淡灰色與黑色作為輔助色，banner采用自適應(yīng)的切換模式，手機(jī)與電腦獨(dú)立顯示，并共用數(shù)據(jù)庫(kù)，風(fēng)格一致，電腦PC端為通欄扁平化設(shè)計(jì)，簡(jiǎn)潔清爽，其設(shè)計(jì)理念與手機(jī)端相仿，并輔助鼠標(biāo)移動(dòng)的動(dòng)態(tài)效果，讓網(wǎng)站更加的生動(dòng)。
在首頁(yè)，我們首先嵌入了公司的簡(jiǎn)介，左邊是辦公大樓，下面有更詳細(xì)的企業(yè)介紹，通過(guò)腳本實(shí)現(xiàn)鼠標(biāo)放上去有上下跳動(dòng)的頁(yè)面效果，并且文字有自動(dòng)向上走的趨勢(shì)，當(dāng)然下面的小banner設(shè)計(jì)成了由右向左的網(wǎng)頁(yè)設(shè)計(jì)效果，產(chǎn)品的圖片顯示上下跳動(dòng)，文字顯示變色與變背景色，作為新聞動(dòng)態(tài)，鼠標(biāo)經(jīng)過(guò)文字，有兩種做法，一是整體標(biāo)題向右動(dòng)一下，二是字體加一號(hào)，可以通過(guò)a:hover技術(shù)來(lái)實(shí)現(xiàn)。
對(duì)于尾部，我們分成了兩塊，上面是采用青色的背景，字體淡灰色，很有一種干凈的感覺(jué)，下面是紅色背景，上面寫(xiě)有白字，鮮明而有檔次。整體尾部模塊也可以產(chǎn)生動(dòng)態(tài)效果。
在網(wǎng)站的top菜單這一塊，我們采用半透明的下拉，羅列出總菜單下面的整體子菜單，用js來(lái)延緩速度，便產(chǎn)生了一種類似flash的感覺(jué)，附圖如下：
具體的網(wǎng)站案例效果圖如下：
