JavaScript实现网页右下角弹出窗口代码 - www.webdm.cn

#winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #666; margin:0; padding:1px; overflow:hidden; display:none;}

#winpop .title { width:100%; height:22px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-size:12px;}

#winpop .con { width:100%; height:90px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center} /* http://www.webdm.cn */

#silu { font-size:12px; color:#666; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}

.close { position:absolute; right:4px; top:-1px; color:#FFF; cursor:pointer}

function tips_pop(){

var MsgPop=document.getElementById("winpop");

var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字

if (popH==0){

MsgPop.style.display="block";//显示隐藏的窗口

show=setInterval("changeH('up')",2);

}

else {

hide=setInterval("changeH('down')",2);

}

}

function changeH(str) {

var MsgPop=document.getElementById("winpop");

var popH=parseInt(MsgPop.style.height);

if(str=="up"){

if (popH<=100){

MsgPop.style.height=(popH+4).toString()+"px";

}

else{

clearInterval(show);

}

}

if(str=="down"){

if (popH>=4){

MsgPop.style.height=(popH-4).toString()+"px";

}

else{

clearInterval(hide);

MsgPop.style.display="none"; //隐藏DIV

}

}

}

window.οnlοad=function(){//加载

document.getElementById('winpop').style.height='0px';

setTimeout("tips_pop()",800);//3秒后调用tips_pop()这个函数

}

3秒后会在右下角自动弹出窗口,如果没有弹出请点击这个按钮

您有新的短消息!X
1条未读信息(

网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!

html从右侧弹出面板,JavaScript实现网页右下角弹出窗口代码相关推荐

  1. 用JavaScript在网页右下角弹出窗口

    在右下角弹出窗口,常用于广告代码,或一些大网站的用户信息提示,并且会自动隐藏,可以设置时间间隔,弹出窗口的位置和大小,当然,窗口内容全靠你定了,将JS保存为JS文件,方便你调用. <!DOCTY ...

  2. php 右下脚弹窗,多种样式jQuery网页右下角弹出提示信息代码

    多种样式jQuery网页右下角弹出提示信息代码,extjs右下角消息提示框,Jquery Messager消息弹出插件. 查看演示 下载资源: 14 次 下载资源 下载积分: 20 积分 js代码 $ ...

  3. 网页右下角弹出广告窗口 超简洁

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  4. wpf 点击按钮弹出选择框_WPF-PopupWindow wpf右下角弹出框,通过按钮调用,类似QQ CSharp C#编程 238万源代码下载- www.pudn.com...

    文件名称: WPF-PopupWindow下载 收藏√  [ 5  4  3  2  1 ] 开发工具: C# 文件大小: 90 KB 上传时间: 2013-07-24 下载次数: 19 详细说明:w ...

  5. 关于碰到开机自动弹出图片查看器和右下角弹游戏各种广告的解决方法

    电脑上一不小心装了流氓软件,每次开机时遇到广告,发现360 ,金山,电脑管家都不管用,此时的你,是不是心中万马奔腾....不用怕,看了这篇博客,让你从此不用再担心,小广告的骚扰,好了不扯了,以下是我的 ...

  6. 关于网页右下角总出广告解决办法

    不知道在呢么回事打开网站右下角总出广告, 任意个应用涉及网页的都出这种情况, 如360安全卫士的抽奖界面. 查找方法无果 考虑到可能是运营商的,果断换dns 使用360的dns优选 本地最优也没用本地 ...

  7. jQuery实现网页右下角弹出广告

    以前曾写过一个,不过太麻烦了,呵呵``` 现在改进了一下, 其实很简单:css定位层一直在右下角,用js控制层的高度增减. 代码: <!DOCTYPE html PUBLIC "-// ...

  8. 网页右下角弹出提示框

    <html xmlns="http://www.w3.org/1999/xhtml" > <head>    <title>JavaScript ...

  9. php 弹出下载框,打开网页自动弹出下载!!

    建议你下载恶意软件和木马强杀工具windows清理助手查杀恶意软件和木马: 下载网址: 下载安装后,首先升级到最新版本,然后退出正常模式并重启按F8进入到安全模式.打开软件,点击"系统扫描& ...

最新文章

  1. LeetCode刷题-8
  2. 在测试者的易用性测试工具套装中他们需要什么(译)
  3. 我爱我家 CIO 刘东颖:如何靠六大维度提升“数字化”能力?|鲸犀峰会
  4. 算法笔记_028:字符串转换成整数(Java)
  5. keepalived实现nginx的高可用(双主模型)
  6. Java学习系列(十二)Java面向对象之序列化机制及版本
  7. 查看oracle数据库服务器的名字
  8. java归并排序自底向上实现:
  9. 关于sql server 代理(已禁用代理xp)
  10. 前端——》antdv根据拼音过滤select选择器的选项
  11. gflags 调试内存_windows下堆异常调试神器--gflags
  12. 溢出的文字用省略号表示。
  13. 程序员依然是这个时代,贫寒学子翻身的不二选择
  14. 密码学0930大作业
  15. Twitter爬虫Python库Tweepy 附中英文官方文档
  16. 机器学习中的无监督学习是什么?
  17. 黑马VUE快速入门笔记
  18. wordpress安装和使用图文教程(新手指南)
  19. 大数据在企业运营中的应用研究
  20. fatal: protocol ‘(https‘ is not supported解决git问题

热门文章

  1. vue3 watch的用法
  2. WPS表格设定格式简单输入数学单位如平方米、立方米等
  3. Linux的rz命令
  4. 计算窗口Z轴位置的过程分析
  5. CSS样式(选择器)的优先级
  6. 京东高管一天处理四起离职,通过面谈都是95后,他们怎么了?
  7. jq点击事件(jq点击事件)
  8. 华为音量键只能调通话_原来华为手机的音量键要这么用,别只当做调音量,不然要吃大亏...
  9. cJSON介绍及使用
  10. 计算机在线考试带宽要求,网速在线测试的办法是什么?