网页前端设计

http://www.86y.org

搜索文章

js美女报时

用声音读出全文关注我吧
 2012/8/1 13:51:32 阅读次数:7157

一分钟一个美女报时,我还是前几天从网上看到了有美女每分报时!确实有不少人发现了商机在上面打广告我也觉得这是个好的想法,应该行的通(既可以看到时间又可以做广告,最重要的是养眼的美女) 。

所以在这里给大家分享一下我的JS美女报时,当然你可以把这些放到你的网站上去。本人觉得js美女报时最重要的是图片,哪里找这些图片,经过一翻查找,找到了一些日本的美女图片。本人是不愿意的,想找中国台湾的。后来没找到就放弃了,其实还有一个就是大小没有选择只有240*320大小的。勿怪!本文提供1437张美女报时图片下载。在文章底部!

好吧大家就看效果吧

js美女报时

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js美女报时</title>
</head>
<body>
<img src="" id="jstime"  style="background:url(http://www.ok22.org/images/loading.gif) no-repeat center center;width:240px;height:320px;border:4px solid #f60;"/>
<script>
function jstime(){	
	var myDate = new Date();
	var mo=myDate.getMonth()+1;
	var ye=myDate.getFullYear();
	var da=myDate.getDate();
	var ho=myDate.getHours();
	var mi=myDate.getMinutes();
	if(mo<10)mo="0"+mo;
	if(da<10)da="0"+da;
	if(ho<10)ho="0"+ho;
	if(mi<10)mi="0"+mi;
	var datas=ye +""+mo+""+da;
	var times=ho+""+mi;
	document.getElementById("jstime").src="http://i1173.photobucket.com/albums/r595/charrysong/time/"+times+".jpg";
}
std=setInterval("jstime()",1000);
</script>
</body>
</html>

美女报时的图片是通过显示然后另存为网页获取的。按24小时倒计时的方法抓取图片地址(有规律),大家可以试下!(不过建议还是请大家直接到文章底部去下载吧。)因为你可显示出来得花些些时间还要等下加载完才能另存为。
方法代码如下:

<html>
<head>
<title>按24小时倒计时抓取图片</title>

<body>
<div id="timer" style="color:red"></div>
<SCRIPT LANGUAGE="JavaScript">   
<!--   
var maxtime = 24*60 //一个小时,按秒计算,自己调整!   
function CountDown(){   
	if(maxtime>=0){		
		minutes = Math.floor(maxtime/60);   
		seconds = Math.floor(maxtime%60);
		if(minutes<10)
			minutes="0"+minutes;
		if(seconds<10)
			seconds="0"+seconds;		
		msg = minutes+""+seconds;   
		//document.all["timer"].innerHTML=msg;
		ddocument.getElementById("timer").innerHTML="<img src='http://i1173.photobucket.com/albums/r595/charrysong/time/"+msg+".jpg'/>";
		--maxtime;   
	}   
	else{   
		clearInterval(timer); 
	}   
}
timer = setInterval("CountDown()",100);
//-->   
</SCRIPT>
</body>
</html>

360云盘下载地址:1437张美女报时图片下载


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭