1.病毒页面效果:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>病毒页面效果</title>
<style type="text/css">
body{margin: 0;}
</style>
</head>
<body>
<img src="img/webPic.jpg" alt="首页图片" />
<script type="text/javascript">
function opens(){
window.open("virus.html",""," width=250, height=265");
}
var t=setInterval('opens()',5000);
</script>
</body>
</html>
virus.html:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>病毒页面</title>
<style type="text/css">
body{margin: 0;}
</style>
</head>
<body>
<img src="img/viruse.jpg" alt="病毒页面" />
</body>
</html>
2根据时间问好:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2 id="date"></h2>
<h2 id="time"></h2>
<h2 id="hello"></h2>
<script type="text/javascript">
var now=new Date();
var hour=now.getHours();
var str;
if(hour>=0&&hour<=12){
str="上午好!欢迎来到贵美";
}else if(hour>12&&hour<=18){
str="下午好!欢迎来到贵美";
}else{
str="晚上好!欢迎来到贵美" ;
}
var strDate="今天日期:"+now.getFullYear()+"年"+(now.getMonth()+1)+"月"+now.getDate( )+"日";
var strTime="现在时间:"+now.getHours()+":"+now.getMinutes();
document.getElementById("hello").innerHTML=str;
document.getElementById("date").innerHTML=strDate;
document.getElementById("time").innerHTML=strTime;
</script>
</body>
</html>
3.随机发放水果:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>随机发放水果</title>
</head>
<body>
<div id="fruit"></div>
<script type="text/javascript">
var fruits=Array("apple","pear","peach","orange","banana");
var index=Math.ceil(Math.random()*5)-1;
document.getElementById("fruit").innerHTML="您得到的水果是:"+fruits[index];
</script>
</body>
</html>