每逢5.12和哀悼日，各大門戶網(wǎng)站都會把自己網(wǎng)站變灰色，以此來表示對逝者的哀悼。

下面是一個java web項目網(wǎng)站變化的設(shè)計方案。

思路是這樣的，首先由個頁面來操作網(wǎng)站是變灰還是不變灰，

然后把選擇的值(變灰，不變灰)傳入到后臺方法，存入一個靜態(tài)變量中，

讓后再找到網(wǎng)站的公共頁面加入判斷代碼動態(tài)顯示變灰的代碼。

第一步創(chuàng)建操作頁面。

圖片:QQ截圖20120815155847.jpg

代碼：

function yschange(){

var g = document.getElementById("gr").value;

window.location.href="webSiteServlet?action=isgray&g="+g;

}

if(com.peak.app.webSiteServlet.isgray){

%>

現(xiàn)在網(wǎng)站狀態(tài)：已經(jīng)變灰。

}else{

%>

現(xiàn)在網(wǎng)站狀態(tài)：沒有變灰。

}

%>

選擇是否變灰：

selected >不變灰

selected >變灰

第二步后臺接收操作的變量存入到服務(wù)期的某個txt文件中(最后新建個單獨存放)。

代碼：

//全局變量

public static boolean isgray=false;

if(action.equalsIgnoreCase("isgray")){

isgray = "isgray".equalsIgnoreCase(request.getParameter("g"));

findNextPage="pagechangegray.jsp";

}

第三步取出值來進行動態(tài)判斷及顯示。

代碼：

if(com.peak.app.webSiteServlet.isgray){

%>

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

效果圖變灰前：

圖片:QQ截圖20120815143706.jpg

效果圖變灰后：

圖片:QQ截圖20120815143647.jpg

總結(jié)

以上是生活随笔為你收集整理的java web 颜色灰色_网站动态变灰解决方案(java web项目网站)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。