作者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