`
lihong11
  • 浏览: 456574 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

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

阅读更多
小脚本:从页面右下脚渐渐出现一幅图片,并按时消失
<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>
0
0
分享到:
评论

相关推荐

    页面右下脚提示效果(利用JQuery)

    标题 "页面右下脚提示效果(利用JQuery)" 指涉的是一个使用JQuery库实现的网页交互功能,具体是当用户输入标题和内容后,点击按钮,会在页面的右下角显示一个可操作的提示区域。这个提示区域具备最小化、最大化和关闭...

    右下脚图片弹窗广告代码

    在IT行业中,右下角图片弹窗广告是一种常见的网页营销策略,它通常通过JavaScript、HTML、CSS等技术实现,用于吸引用户的注意力并推广产品或服务。这类广告代码的设计旨在不干扰用户主要浏览内容的同时,巧妙地展示...

    Jquery Messager 右下脚弹出窗口

    这些消息框可以在页面的指定位置(如右下角)出现,用于向用户显示信息或通知。它们可以包含文本、图标、按钮等元素,可以根据需要进行定制。 ### 3. Bug 修复 描述中提到的滚动条滚动时的 Bug,可能是指当用户...

    根据url和左上右下两点坐标裁剪图片并返回base64格式字符串

    根据url和图片左上右下两点坐标裁剪图片并返回base64格式字符串,java工具类,适用于人脸识别

    QQ右下脚消息

    现在,我们来看压缩包中的"QQ右下脚消息"文件。这个文件可能包含一个HTML文件,展示了一个预设的消息框模板;CSS文件,定义了消息框的样式;以及一个JavaScript文件,处理消息的显示和隐藏逻辑。通过阅读和理解这些...

    asp从窗口右下脚弹出的仿QQ的提示框

    "从窗口右下脚弹出的仿QQ的提示框"是一个常见的功能,它模仿了腾讯QQ的消息通知方式,可以在网页中以非侵入性的方式向用户显示信息。这种提示框通常用于展示通知、提醒或者简单的消息反馈,而不会打断用户的正常浏览...

    js右下脚弹出窗口 丰富多彩的js特效

    写好的js特效右下脚弹出窗口,帮你作出好看功能强大的前台界面。please download now!

    页面图片定位

    页面图片定位主要适合于微信扫描等小图片的位置,该代码的位置为右下脚的固定,即即使页面滚动,该图片的位置也不会改变

    修正win xp右下圖示消失

    可以修正Windows xp右下圖示消失的問題

    多种JS效果图(对联,右下窗弹窗,图片轮换等)

    本资源包含多种JS实现的特效,包括对联、右下窗弹窗以及图片轮换等,这些都是网页设计中常用的交互元素。 1. 对联效果:在网页的两侧显示对联式的文本或广告,这种效果可以增强页面的视觉吸引力。JS可以通过动态...

    CSS3对角线淡入相册代码,图片会以对角的形式从左上到右下淡入,点击小图可大图预览,支持键盘左右方向键翻页。

    在这个相册中,图片以对角线形式从左上到右下淡入,这需要利用`@keyframes`规则来定义动画的过程。在`@keyframes`内,我们可以指定不同时间点的样式,比如0%代表动画开始时的状态,100%代表动画结束时的状态。在这个...

    html5页面右下角点击按钮展示圆形菜单动画特效

    在“html5页面右下角点击按钮展示圆形菜单动画特效”这个主题中,我们主要探讨的是如何利用HTML5的特性来创建一个交互式的用户体验,特别是通过按钮触发的圆形菜单动画效果。 首先,HTML5的新特性之一是Canvas元素...

    C语言程序设计-用函数求一个N阶方阵右下三角元素的和(包括副对角线上的元素);

    C语言程序设计-用函数求一个N阶方阵右下三角元素的和(包括副对角线上的元素);

    背投+右下广告代码

    在IT行业中,广告展示是网络营销的关键一环,而"背投+右下广告代码"的描述涉及到了一种特定的广告展现形式,它结合了背投广告(全屏展示)和右下角弹窗广告的特性,以提升用户体验并增强广告效果。下面我们将详细...

    PICtoCODE(图片数据生成工具)v1.0绿色免费版

    PICtoCODE是一款绿色免费,小巧易用的图片数据生成工具,主要面向单片机系统LCD显示图片或打印图片而设计,它可以将黑白单色图片(支持BMP、JPEG、JPG、GIF等格式)转换为A51、C51、HEX等格式的数据文件,操作简单,...

    左下右下对联

    在IT行业中,"左下右下对联"通常是指一种网页设计或前端开发中的特效,它将文字或者图片以特定的布局方式展示,类似于传统的对联形式,但位置可以是屏幕的左下角、右下角,甚至可以动态地漂浮在页面上。这种效果在...

    jQuery+css3圆形图片3d翻转效果

    一个`&lt;div&gt;`作为图片容器,内含两层图片元素,分别代表图片的正面和背面。通过CSS定位,这两层图片重叠在一起,形成圆形图片效果。jQuery会根据用户点击事件改变这个容器的`class`,从而触发CSS3的翻转样式。 **CSS...

    js右下角提示信息,最小化页面不影响

    例如,可以创建一个`div`元素,并将其样式设置为固定在屏幕右下角: ```html &lt;!DOCTYPE html&gt; 提示窗口 #popup { position: fixed; bottom: 20px; right: 20px; width: 300px; padding: 20px; border...

    winfrom右下消息弹出框

    这个控件可以创建一个小窗口,它会在屏幕右下角短暂出现,显示消息内容,然后自动消失或等待用户关闭。它可以帮助开发者提供非侵入性的用户体验,因为用户不需要离开当前操作就能查看这些通知。 多线程技术在此场景...

    多种Delphi图片幻灯切换动画效果.rar

    需要每次拷贝周边的四个矩形,组成一个矩形框),从中心到四周、左上到右下、左下到右上、中间到两边,两边到中间,并可对效果进行清屏操作。代码中一个关键参数的设置:Step=1600; //循环的次数,用以调整图象变动...

Global site tag (gtag.js) - Google Analytics