我的博客| Blog
- ·微信小程序错误：VM564:...
- ·mongodb3.2设置密码...
- ·单行滚动代码-单行滚动效果
- ·自己动手制作图形字体，以便于...
- ·MySQL无限级分类PHP按...
- ·Windows下的Apach...
- ·如何将网站上的文章分享到微信...
- ·PHP实现自动获取本月第几个...
联系我| Contact Me
- 电话：18681257080
- QQ：271538869
- 邮编：518020
- 信箱：service@08321.org
- 地址：四川省内江市资中县
诚信稳健，和谐共赢
- 以诚信为立世之本，在稳健的基础上，不断寻求创新与突破。
- 以务实严谨、精微细致的专业精神，为客户做最优质的策划，实现效果最大化。
成功，依稀可见
- 为什么成功依稀可见？
- 依希认为：每一人都有成功的机会，只要我们愿意付出努力，成功就在我们的前方。所以：成功，依稀可见！
我的博客
解密网页图片随机变化
来源：本站编辑 发布日期：2009-8-31 已有 人浏览过此信息
刷新网页的时候，图片可以随机变化，这个技巧可以用JS和ASP两种方法实现：
JS篇：
1、准备好N张图片，具体需求自定义；
2、写源码,把以下代码保存成为 test.html；
<html>
<head>
<title>图片随机切换测试</title>
</head>
<body>
<img src="01.jpg" alt="" id="imgid"/>
</body>
</html>
<script language="javascript">
<!--
var imgs=new Array("01.jpg","02.jpg","03.jpg","04.jpg","05.jpg","06.jpg","07.jpg",
"08.jpg","09.jpg","10.jpg");
r=Math.floor(Math.random()*10);
document.getElementById("imgid").src=imgs[r];
-->
</script>
3、收工。
ASP篇：
1、准备N张图片，具体自定义；
2、建立一个调用文件和一个ASP图片文件；
test.html代码如下：
<html>
<head>
<title>图片随机切换测试</title>
</head>
<body>
<img src="img.asp?f=10&ft=.jpg" alt="" id="imgid"/>
</body>
</html>
img.asp代码如下：
<%
Randomize '初始化随机数,非常重要
f=cint(request("f"))
ft=request("ft")
response.redirect(int(rnd*f+1)&ft)
%>
图片文件存放在 img.asp文件同级文件夹,并命名为: 1.jpg , 2.jpg , …… 10.jpg
3、放在一个可以解析ASP程序的地方用浏览器打开看看，搞定。
好啦，我也收工啦。 收拾家伙回家喽！！
JS篇：
1、准备好N张图片，具体需求自定义；
2、写源码,把以下代码保存成为 test.html；
<html>
<head>
<title>图片随机切换测试</title>
</head>
<body>
<img src="01.jpg" alt="" id="imgid"/>
</body>
</html>
<script language="javascript">
<!--
var imgs=new Array("01.jpg","02.jpg","03.jpg","04.jpg","05.jpg","06.jpg","07.jpg",
"08.jpg","09.jpg","10.jpg");
r=Math.floor(Math.random()*10);
document.getElementById("imgid").src=imgs[r];
-->
</script>
3、收工。
ASP篇：
1、准备N张图片，具体自定义；
2、建立一个调用文件和一个ASP图片文件；
test.html代码如下：
<html>
<head>
<title>图片随机切换测试</title>
</head>
<body>
<img src="img.asp?f=10&ft=.jpg" alt="" id="imgid"/>
</body>
</html>
img.asp代码如下：
<%
Randomize '初始化随机数,非常重要
f=cint(request("f"))
ft=request("ft")
response.redirect(int(rnd*f+1)&ft)
%>
图片文件存放在 img.asp文件同级文件夹,并命名为: 1.jpg , 2.jpg , …… 10.jpg
3、放在一个可以解析ASP程序的地方用浏览器打开看看，搞定。
好啦，我也收工啦。 收拾家伙回家喽！！
上一条：二级分类,二级联动技巧
下一条：经营网站前请您落实8个问题
