javascript随机显示背景图片的方法
本文实例讲述了javascript随机显示背景图片的方法。分享给大家供大家参考。具体如下:
将以下代码加入HTML的<head></head>之间:
<script LANGUAGE="JavaScript"> bg = new Array(2); //设定图片数量,如果图片数为3,这个参数就设为2,依次类推 bg[0] = 'bg1.gif' //显示的图片路径,可用http:// bg[1] = 'bg2.gif' bg[2] = 'bg3.gif' index = Math.floor(Math.random() * bg.length); document.write("<BODY BACKGROUND="+bg[index]+">"); </script>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JS实现页面载入时随机显示图片效果
本文实例讲述了JS实现页面载入时随机显示图片效果.分享给大家供大家参考,具体如下: <html> <head> <title>JS 随机图片效果</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- img { b
-
图片上传即时显示缩略图的js代码
<script language="javascript" type="text/javascript"> var allowExt = ['jpg', 'gif', 'bmp', 'png', 'jpeg']; var preivew = function(file, container){ try{ var pic = new Picture(file, container); }catch(e){ alert(e); } } //缩略图类定义 va
-
js 图片随机不定向浮动的实现代码
复制代码 代码如下: //很有趣的浮动哦,不用太多代码,和大家分享下<html><head>随机浮动<style type="text/css">#divimg{/*对图片进行绝对定位*/position:absolute;}</style></head><body><div id="divimg"><img src="../../resource/images/fl
-
javascript 随机广告代码(图片广告)
'); document.writeln(''); document.writeln(''); //DEL 20090522 document.write(''); //****************************************************/ //rnd() //****************************************************/ function rnd() { var ia=9301; var ic=49297; var
-
js实现网页随机切换背景图片的方法
本文实例讲述了js实现网页随机切换背景图片的方法.分享给大家供大家参考.具体实现方法如下: 首先要准备一些图像,图像的大小(无论是尺寸大小还是数据大小)要控制好,如果太大,会使用户等不及查看全图就跳出了,如果太小,又会影响页面质量 在script中将这些图像编为一个数组,便于调用.数组的长度当然就是图像的数量. 复制代码 代码如下: var bodyBgs = []; //创建一个数组变量来存储背景图片的路径 bodyBgs[0] = "images/01.jpg"; bodyB
-
js鼠标点击图片实现随机变换图片的方法
本文实例讲述了js鼠标点击图片实现随机变换图片的方法.分享给大家供大家参考.具体实现方法如下: <html> <title>鼠标点击图片即可随机变换图片</title> <body bgcolor="#fef4d9" OnLoad="swapPic()"> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var ra
-
基于JavaScript代码实现随机漂浮图片广告
在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐. 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:/
-
javascript随机将第一个dom中的图片添加到第二个div中示例
javascript随机将第一个dom中的图片添加到第二个div中去,此代码的是一个简单的例子,将第一个div中的五张图片中,提取随机两张显示到第二个div中. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=
-
JSP随机验证图片如何制作
小编整理了一篇关于模仿腾讯随机验证图片的文章.下面直接上代码吧!一个Java 类和一个JSP 页面. Java类代码: 以下是JSP模仿腾讯随机验证图片引用片段: package icewee.image; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.RenderingHints; import java.
-
JS实现鼠标移动到缩略图显示大图的图片放大效果
一个网页上用的图片提示效果,当把鼠标移动到图片缩略图的时候,会显示图片大图,似乎在网上这是个很常见的效果,实现方法也比较多,有人用CSS,有人用JavaScript,有人用jQuery,总之,选择自己习惯的方式去实现,就是最棒的. 图片提示效果 body{margin:0 ;padding:40px;line-height:180%;} img{border:none;} ul,li{margin:0 ;padding:0;} li{list-style:none;display:inline;
-
JavaScript 创建随机数和随机图片
创建随机数 ①自JavaScript产生后,好多浏览器中都有内置的随机数发生方法.例如: var number = Math.random(); 该方法产生一个0到1之间的浮点数. ②基于时间,亦可以产生随机数.例如: var now=new Date(); var number = now.getSeconds(); 这将产生一个基于目前时间的0到59的整数. var now=new Date(); var number = now.getSeconds()%43; 这将产生一个基于目前时间的
-
JavaScript实现随机替换图片的方法
本文实例讲述了JavaScript实现随机替换图片的方法.分享给大家供大家参考.具体如下: 下面代码可实现将页面上的图片随机替换成别的图片,或者随机显示一个图片 <script> document.write(<img src="img/+parseInt(Math.random()*(5)) +.gif"height="40" width="50"> </script> 其中的图片文件名为: 0.gif 1.
随机推荐
- TBCompressor js代码压缩
- Ajax带提示的验证表单实例
- C# XML与Json之间相互转换实例详解
- PowerShell 4.0实现自动化设置服务器
- Linux系统中掩耳盗铃的sudo配置
- mysql占用CPU过高的解决办法(添加索引)
- 基于jquery1.4.2的仿flash超炫焦点图播放效果
- Apache2.4和Apache2.2访问控制配置语法对比
- 批处理文件(bat文件)注册dll批量注册dll
- ppk谈JavaScript style属性
- PHP 变量定义和变量替换的方法
- windows环境下mysql数据库的主从同步备份步骤(单向同步)
- 提高iOS开发效率的小技巧与思路
- PowerShell脚本实现网卡DHCP自动获取IP地址、设置静态IP地址的方法
- PowerShell实现参数互斥示例
- C++实现在文本中找出某个单词的位置信息
- jQuery使用之标记元素属性用法实例
- javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)
- java中的Io(input与output)操作总结(三)
- HttpClient通过Post上传文件的实例代码