小脚本:从页面右下脚渐渐出现一幅图片,并按时消失
<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>
分享到:
相关推荐
标题 "页面右下脚提示效果(利用JQuery)" 指涉的是一个使用JQuery库实现的网页交互功能,具体是当用户输入标题和内容后,点击按钮,会在页面的右下角显示一个可操作的提示区域。这个提示区域具备最小化、最大化和关闭...
在IT行业中,右下角图片弹窗广告是一种常见的网页营销策略,它通常通过JavaScript、HTML、CSS等技术实现,用于吸引用户的注意力并推广产品或服务。这类广告代码的设计旨在不干扰用户主要浏览内容的同时,巧妙地展示...
这些消息框可以在页面的指定位置(如右下角)出现,用于向用户显示信息或通知。它们可以包含文本、图标、按钮等元素,可以根据需要进行定制。 ### 3. Bug 修复 描述中提到的滚动条滚动时的 Bug,可能是指当用户...
根据url和图片左上右下两点坐标裁剪图片并返回base64格式字符串,java工具类,适用于人脸识别
现在,我们来看压缩包中的"QQ右下脚消息"文件。这个文件可能包含一个HTML文件,展示了一个预设的消息框模板;CSS文件,定义了消息框的样式;以及一个JavaScript文件,处理消息的显示和隐藏逻辑。通过阅读和理解这些...
"从窗口右下脚弹出的仿QQ的提示框"是一个常见的功能,它模仿了腾讯QQ的消息通知方式,可以在网页中以非侵入性的方式向用户显示信息。这种提示框通常用于展示通知、提醒或者简单的消息反馈,而不会打断用户的正常浏览...
写好的js特效右下脚弹出窗口,帮你作出好看功能强大的前台界面。please download now!
页面图片定位主要适合于微信扫描等小图片的位置,该代码的位置为右下脚的固定,即即使页面滚动,该图片的位置也不会改变
可以修正Windows xp右下圖示消失的問題
本资源包含多种JS实现的特效,包括对联、右下窗弹窗以及图片轮换等,这些都是网页设计中常用的交互元素。 1. 对联效果:在网页的两侧显示对联式的文本或广告,这种效果可以增强页面的视觉吸引力。JS可以通过动态...
在这个相册中,图片以对角线形式从左上到右下淡入,这需要利用`@keyframes`规则来定义动画的过程。在`@keyframes`内,我们可以指定不同时间点的样式,比如0%代表动画开始时的状态,100%代表动画结束时的状态。在这个...
在“html5页面右下角点击按钮展示圆形菜单动画特效”这个主题中,我们主要探讨的是如何利用HTML5的特性来创建一个交互式的用户体验,特别是通过按钮触发的圆形菜单动画效果。 首先,HTML5的新特性之一是Canvas元素...
C语言程序设计-用函数求一个N阶方阵右下三角元素的和(包括副对角线上的元素);
在IT行业中,广告展示是网络营销的关键一环,而"背投+右下广告代码"的描述涉及到了一种特定的广告展现形式,它结合了背投广告(全屏展示)和右下角弹窗广告的特性,以提升用户体验并增强广告效果。下面我们将详细...
PICtoCODE是一款绿色免费,小巧易用的图片数据生成工具,主要面向单片机系统LCD显示图片或打印图片而设计,它可以将黑白单色图片(支持BMP、JPEG、JPG、GIF等格式)转换为A51、C51、HEX等格式的数据文件,操作简单,...
在IT行业中,"左下右下对联"通常是指一种网页设计或前端开发中的特效,它将文字或者图片以特定的布局方式展示,类似于传统的对联形式,但位置可以是屏幕的左下角、右下角,甚至可以动态地漂浮在页面上。这种效果在...
一个`<div>`作为图片容器,内含两层图片元素,分别代表图片的正面和背面。通过CSS定位,这两层图片重叠在一起,形成圆形图片效果。jQuery会根据用户点击事件改变这个容器的`class`,从而触发CSS3的翻转样式。 **CSS...
例如,可以创建一个`div`元素,并将其样式设置为固定在屏幕右下角: ```html <!DOCTYPE html> 提示窗口 #popup { position: fixed; bottom: 20px; right: 20px; width: 300px; padding: 20px; border...
这个控件可以创建一个小窗口,它会在屏幕右下角短暂出现,显示消息内容,然后自动消失或等待用户关闭。它可以帮助开发者提供非侵入性的用户体验,因为用户不需要离开当前操作就能查看这些通知。 多线程技术在此场景...
需要每次拷贝周边的四个矩形,组成一个矩形框),从中心到四周、左上到右下、左下到右上、中间到两边,两边到中间,并可对效果进行清屏操作。代码中一个关键参数的设置:Step=1600; //循环的次数,用以调整图象变动...