主页随机动态效果
来源:互联网 发布:手机淘宝首页展示位置 编辑:程序博客网 时间:2024/05/01 14:23
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
主页随机动态效果
不少网友发E-mail问我:“怎么每次去你的主页,看到的图片都不一样,难道你时时刻刻都在更换图片吗?”天啊,我哪有那么多钱支付电话费?我只不过用了JavaScript的小技巧做了个“随机图片”而已。其HTML源代码为:
<!随机图片开始>
<script language=″JavaScript″>
<!--
imglink=new Date();
var thisimg=″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=″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)
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
主页随机动态效果
不少网友发E-mail问我:“怎么每次去你的主页,看到的图片都不一样,难道你时时刻刻都在更换图片吗?”天啊,我哪有那么多钱支付电话费?我只不过用了JavaScript的小技巧做了个“随机图片”而已。其HTML源代码为:
<!随机图片开始>
<script language=″JavaScript″>
<!--
imglink=new Date();
var thisimg=″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=″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)
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- 主页随机动态效果
- 主页制作动态效果技术小结
- 主页动态提示轻松做
- Android主页动态添加Fragment
- 提高ArcGIS Online主页展示效果-霸气的主页
- Android经典例子ViewPager、动态换肤、Tab标签效果、Renderscript、移动地图+选址、主页滑动效果、侧滑菜单沉浸式状态栏
- 随机幻灯片图片效果
- javascript随机图片效果
- 用简单的方法实现Bingo随机出号动态效果
- 模拟网易新闻主页的滚动效果
- 主页面内部ViewPager滑动效果
- 仿主页效果TabHost与RadioGroup应用
- SlidingPaneLayout实现最新版QQ主页面效果
- 仿QQ6.0主页面侧滑效果
- 仿QQ6.0主页侧滑效果
- 仿QQ6.0主页面侧滑效果
- 文本动态随机加密
- 【动态规划】随机图
- OraclePL/SQL编程手册
- HP-ASJDBC连接Oracle配置
- 批量处理JDBC语句提高处理速度
- 用JavaScirpt在Textarea中插入元素(光标位置)
- JDO能给我们带来什么-成本,管理,快速开发,随需应变……
- 主页随机动态效果
- JDO对开发的帮助有哪些-实例解析
- 一个JDO的成功案例分析
- 判断Email地址是否有效
- 一个完整的hibernate的one-to-many的例子
- 弹出式说明窗口---JavaScript的使用
- 开发对象-关系数据库应用程序(第一部分)
- JavaScript是什么?
- 编写 JavaScript 代码