作者backfish (abcdefghijk)
看板Web_Design
標題Re: 請問要如何改 呢
時間Wed May 5 02:14:25 2004
一、它的雪花不會蓋到前面的圖
是因為 它的雪花圖是設在整個網頁的背景圖片！
檢視原始檔可看到
<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
1F：→ clifflu:也許可以利用 gif 的透明底色 推140.112.212.129 05/05
2F：→ backfish:沒錯 推 210.70.169.232 05/05
3F：→ scuderia:但是還是會影響指標點選連結 推 140.122.193.27 05/05
4F：→ scuderia:建議雪花圖用透明背景 並裁剪成最小的尺寸 推 140.122.193.27 05/05