Re: 請問要如何改 呢

看板Web_Design作者 (abcdefghijk)時間20年前 (2004/05/05 10:08), 編輯推噓4(400)
留言4則, 3人參與, 最新討論串1/1
一、它的雪花不會蓋到前面的圖 是因為 它的雪花圖是設在整個網頁的背景圖片! 檢視原始檔可看到 <body background="bgsnow2.gif"> 二、你改背景顏色 當然不會影響到圖片的的顏色變化! 因為它的圖本來就固定是白色底啊! http://homepage1.seed.net.tw/web@1/pringles/bgsnow2.gif
所以它要用這張圖的時候,網頁的底色也要是白的, 不然就會被「看穿了」! 你要隨著背景顏色改變圖片顏色.... 可能要多準備幾張不同顏色的圖 跟著換 僅供參考 ※ 引述《knives (真愛不敵信用卡阿)》之銘言: : 這是我的網頁http://140.126.46.190 : 我本來是希望作成 像 : http://homepage2.seed.net.tw/web@1/pringles/3.htm : 這有有雪花飄落的樣 式 : 可是我的網頁,的確是有飄落的樣式 ,可是我的那些圖片好 像會被蓋掉 : 請問要如何改呢 : 還有 : 我用可以改自由更改背景的form : 發現那些圖片 ,的背景卻沒有一起變化 : 請問要如何 修正呢 : 下面是我的雪花飄落的程式碼, : 如 果有興趣的網友,請教教我怎麼改 好嗎 : 謝謝 : <script LANGUAGE="JavaScript1.2"> : <!-- : var no = 25; : var speed = 10; : var snowflake = "cherry.gif"; : var ns4up = (document.layers) ? 1 : 0; : var ie4up = (document.all) ? 1 : 0; : var dx, xp, yp; : var am, stx, sty; : var i, doc_width = 800, doc_height = 600; : if (ns4up) { : doc_width = self.innerWidth; : doc_height = self.innerHeight; : } else if (ie4up) { : doc_width = document.body.clientWidth; : doc_height = document.body.clientHeight; : } : dx = new Array(); : xp = new Array(); : yp = new Array(); : am = new Array(); : stx = new Array(); : sty = new Array(); : for (i = 0; i < no; ++ i) { : dx[i] = 0; : xp[i] = Math.random()*(doc_width-50); : yp[i] = Math.random()*doc_height; : am[i] = Math.random()*20; : stx[i] = 0.02 + Math.random()/10; : sty[i] = 0.7 + Math.random(); : if (ns4up) { : if (i == 0) { : document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); : document.write("top=\"15\" visibility=\"show\"><img src=\""); : document.write(snowflake + "\" border=\"0\"></layer>"); : } else { : document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); : document.write("top=\"15\" visibility=\"show\"><img src=\""); : document.write(snowflake + "\" border=\"0\"></layer>"); : } : } else if (ie4up) { : if (i == 0) { : document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); : document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); : document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); : document.write(snowflake + "\" border=\"0\"></div>"); : } else { : document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); : document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); : document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); : document.write(snowflake + "\" border=\"0\"></div>"); : } : } : } : function snowNS() { // Netscape main animation function : for (i = 0; i < no; ++ i) { // iterate for every dot : yp[i] += sty[i]; : if (yp[i] > doc_height-50) { : xp[i] = Math.random()*(doc_width-am[i]-30); : yp[i] = 0; : stx[i] = 0.02 + Math.random()/10; : sty[i] = 0.7 + Math.random(); : doc_width = self.innerWidth; : doc_height = self.innerHeight; : } : dx[i] += stx[i]; : document.layers["dot"+i].top = yp[i]; : document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); : } : setTimeout("snowNS()", speed); : } : function snowIE() { // IE main animation function : for (i = 0; i < no; ++ i) { // iterate for every dot : yp[i] += sty[i]; : if (yp[i] > doc_height-50) { : xp[i] = Math.random()*(doc_width-am[i]-30); : yp[i] = 0; : stx[i] = 0.02 + Math.random()/10; : sty[i] = 0.7 + Math.random(); : doc_width = document.body.clientWidth; : doc_height = document.body.clientHeight; : } : dx[i] += stx[i]; : document.all["dot"+i].style.pixelTop = yp[i]; : document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); : } : setTimeout("snowIE()", speed); : } : if (ns4up) { : snowNS(); : } else if (ie4up) { : snowIE(); : } : //--> : </script> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.70.169.232

推140.112.212.129 05/05, , 1F
也許可以利用 gif 的透明底色
推140.112.212.129 05/05, 1F

推 210.70.169.232 05/05, , 2F
沒錯
推 210.70.169.232 05/05, 2F

推 140.122.193.27 05/05, , 3F
但是還是會影響指標點選連結
推 140.122.193.27 05/05, 3F

推 140.122.193.27 05/05, , 4F
建議雪花圖用透明背景 並裁剪成最小的尺寸
推 140.122.193.27 05/05, 4F
文章代碼(AID): #10c4oPII (Web_Design)
文章代碼(AID): #10c4oPII (Web_Design)