从页面右下脚渐渐出现一幅图片，并按时消失

最新推荐文章于 2017-11-22 09:13:15 发布

红之悟

最新推荐文章于 2017-11-22 09:13:15 发布

阅读量115

点赞数

分类专栏： jsp页面脚本文章标签： javascript显示图片按时显示图片出现图片

jsp页面脚本专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现在网页右下角渐进显示并定时消失的图片效果的方法。该方法通过逐步调整图片位置来达到渐显的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小脚本：从页面右下脚渐渐出现一幅图片，并按时消失
<script type="text/javascript">	
var oPopup = window.createPopup(); 
			var popTop=40; 
//把图片显示在表格中
			function popmsg(msgstr){ 
				var winstr="<table width=\"500\" height=\"390\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"; 
				winstr+="<tr><td align=\"center\"><table width=\"90%\" height=\"390\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"; 
				winstr+="<tr><td align=\"center\"><table width=\"90%\" height=\"390\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"; 
				winstr+="<tr><td valign=\"top\" style=\"font-size:12px;\"><a href=index.jsp>"+msgstr+"</a></td></tr></table></td></tr></table>"; 
				oPopup.document.body.innerHTML = winstr; 
				popshow(); 
			} 

			function popshow(){ 
				window.status=popTop; 
//显示在页面的位置
				if(popTop>1720){ 
					clearTimeout(mytime); 
					oPopup.hide(); 
					return; 
				}else if(popTop>1520&&popTop<1720){ 
					oPopup.show(screen.width-500,screen.height,500,1720-popTop); 
				}else if(popTop>1500&&popTop<1520){ 
					oPopup.show(screen.width-500,screen.height+(popTop-1720),500,390); 
				}else if(popTop<390){ 
					oPopup.show(screen.width-500,screen.height,500,popTop); 
				}else if(popTop<220){ 
					oPopup.show(screen.width-500,screen.height-popTop,500,390); 
				} 
				popTop+=10; 
//显示的时间
				var mytime=setTimeout("popshow();",100); 
			} 
//图片的一些信息 
			popmsg("<img border='0' src='images/newyear.jpg' width='500' height='390'"); 
</script>