主页随机动态效果
点击次数：25 次 发布日期：2008-11-26 19:43:52 作者：源代码网
|
源代码网推荐 主页随机动态效果 源代码网推荐 源代码网推荐 不少网友发E－mail问我：“怎么每次去你的主页，看到的图片都不一样，难道你时时刻刻都在更换图片吗？”天啊，我哪有那么多钱支付电话费？我只不过用了Javascript的小技巧做了个“随机图片”而已。其HTML源代码为： 源代码网推荐 <!随机图片开始> 源代码网推荐 <script language=″Javascript″> 源代码网推荐 <!－－ 源代码网推荐 imglink=new Date(); 源代码网推荐 var thisimg=http://www.aspcool.com/lanmu/″1.jpg″; 源代码网推荐 if(imglink.getSeconds()ឦ){var thisimg=″2.jpg″;} 源代码网推荐 if(imglink.getSeconds()ឞ){var thisimg=″3.jpg″;} 源代码网推荐 if(imglink.getSeconds()ភ){var thisimg=″4.jpg″;} 源代码网推荐 if(imglink.getSeconds()ថ){var thisimg=″5.jpg″;} 源代码网推荐 if(imglink.getSeconds()ឈ){var thisimg=″6.jpg″;} 源代码网推荐 if(imglink.getSeconds()ខ){var thisimg=″7.jpg″;} 源代码网推荐 if(imglink.getSeconds()ɡ){var thisimg=″8.jpg″;} 源代码网推荐 document.write(″<img src=″＋thisimg＋″ border=0 alt=″每次打开本页，看到的图片都不同！″>″); 源代码网推荐 //－－> 源代码网推荐 </script> 源代码网推荐 <!随机图片结束> 源代码网推荐 在这个例子中，设置了8张图片，与网页放置于同一目录下。当浏览器打开此网页时，立即从电脑里读取时间，并根据秒数的不同选择不同的图片。 源代码网推荐 我们也常常埋怨在网页里插入的图片与网页背景不能很好地融合在一起，如果图片周围有一圈朦胧的过渡色该多好！用Photoshop制作图片当然能实现这个效果。其实还有更好的办法：在网页中用 CSS 滤镜来实现！ 源代码网推荐 <p style=″line－height:0pt;filter:Glow 源代码网推荐 (Color=＃FFFFFF,Strength=36);height:auto;position:relative;padding:21pt″> 源代码网推荐 <img src=http://www.aspcool.com/lanmu/″1.jpg″ border=0> 源代码网推荐 </p> 源代码网推荐 其中，“Color=＃FFFFFF”是定义阴影的颜色，“Strength=36”是定义阴影宽度。怎么样，图片是不是有了“月朦胧，鸟朦胧”的感觉？ 源代码网推荐 如果你不喜欢“温馨浪漫”的主页类型，这里还有一款“魔幻豪放”派的—— 源代码网推荐 在<head></head>中加入以下内容： 源代码网推荐 <!开始定义变色函数> 源代码网推荐 <script language=″Javascript″> 源代码网推荐 <!－－hide 源代码网推荐 function RandomNumber(max) //定义随机函数 源代码网推荐 {var today=new Date(); 源代码网推荐 var num=Math.round((Math.abs(Math.sin(today.getTime()))＊1000))％max＋1;return num;} 源代码网推荐 function makearray(n) 源代码网推荐 {this.length=0;for(var i=1;i<n;i＋＋)this[i]=0;return this;}function changecolor() 源代码网推荐 {clearTimeout(); 源代码网推荐 linkarray=new makearray(10); //用linkarray数组定义十种常用颜色 源代码网推荐 linkarray[1]=″＃ff0000″; 源代码网推荐 linkarray[2]=″＃ffff00″; 源代码网推荐 linkarray[3]=″＃00ff00″; 源代码网推荐 linkarray[4]=″＃0000ff″; 源代码网推荐 linkarray[5]=″＃8000ff″; 源代码网推荐 linkarray[6]=″＃ff00ff″; 源代码网推荐 linkarray[7]=″＃004000″; 源代码网推荐 linkarray[8]=″＃808000″; 源代码网推荐 linkarray[9]=″＃ff8000″; 源代码网推荐 linkarray[10]=″＃ff0000″; 源代码网推荐 document.bgColor=(linkarray[RandomNumber(10)]); //利用随机函数从十种颜色中任选一种作为网页背景色 源代码网推荐 setTimeout(″changecolor()″,1000); //设置时钟，让背景色每秒变换一次 源代码网推荐 return;} 源代码网推荐 //－－> 源代码网推荐 </script> 源代码网推荐 <!定义变色函数结束> 源代码网推荐 然后在中调用changecolor()函数即可：<body OnLoad=″javascript:changecolor()″> 源代码网推荐 网页背景颜色每秒钟变换一次，够酷吧？ 源代码网推荐 如果把“document.bgColor=(linkarray[RandomNumber(10)]);”一句中的“bgColor”换成“fgColor”，也能实现网页文字不断地变色。此外，你也可以自己定义变色的时间周期，改变“setTimeout(″changecolor()″,1000);”中的“1000”即可。 源代码网推荐 源代码网推荐 源代码网推荐 (转自cpcw) 源代码网推荐 源代码网供稿. |
