jquery右下角弹出提示框示例代码


Posted in Javascript onOctober 08, 2013
<!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=gb2312" /> 
<script language="javascript" src="http://www.chinahds.com/js/jquery-1.8.2.min.js" ></script> 
<title>弹出提示框右下角显示</title> 
<style type="text/css"> 
body{ margin:0px;padding:0px; height:5000px; } 
.botk{right:5px;position:fixed;width:100px;_position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:999; height:100px;filter: Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;background:#ffffff; color:#ffffff; bottom:5px;} 
.botts{width:100px; height:100px; position:absolute; z-index:9999;background:#000000;} 
#adclose{width:20px; height:20px; position:absolute; cursor:pointer; z-index:99999} 
</style> 
<script type="text/javascript"> 
$(document).ready(function(e) { 
/* var wintopfir=$(window).height()+$(window).scrollTop(); 
var wintopsec=wintopfir-100;*/ 
var wintopfir=$(".botk").height(); 
var wintopsec=wintopfir-100; 
$("#bottomad").css({top:wintopfir+"px"}); 
$("#bottomad").animate({top:wintopsec+"px" }, 2000); 
$("#adclose").click( function () { $("#bottomad").hide(); }); 
}); </script> 
</head> 
<body> 
<div class="botk"> 
<div id="bottomad" class="botts"> 
<div id="adclose">X</div> 
一个jquery实现的右下角慢慢弹出提示公告,学习做的。大家给意见哈。 
</div> 
</div> 
</body> 
</html>
Javascript 相关文章推荐
自己编写的类似JS的trim方法
Oct 09 Javascript
ext前台接收action传过来的json数据示例
Jun 17 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
Jul 09 Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
实例解析jQuery中proxy()函数的用法
May 24 Javascript
学习Node.js模块机制
Oct 17 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
微信小程序使用component自定义toast弹窗效果
Nov 27 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
May 05 Javascript
js实现查询商品案例
Jul 22 Javascript
让复选框只能选择一项的方法
Oct 08 #Javascript
js中的push和join方法使用介绍
Oct 08 #Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
Oct 08 #Javascript
Firefox和IE兼容性问题及解决方法总结
Oct 08 #Javascript
JQuery中form验证出错信息的查看方法
Oct 08 #Javascript
jquery $(this).attr $(this).val方法使用介绍
Oct 08 #Javascript
Javascript表格翻页效果的具体实现
Oct 05 #Javascript
You might like
PHP学习 变量使用总结
2011/03/24 PHP
PHP 自定义错误处理函数trigger_error()
2013/03/26 PHP
LotusPhp笔记之:Cookie组件的使用详解
2013/05/06 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
JavaScipt基本教程之前言
2008/01/16 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
js 小数取整的函数
2010/05/10 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
JavaScript设计模式之装饰者模式介绍
2014/12/28 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
学习JavaScript设计模式(接口)
2015/11/26 Javascript
移动端 一个简单易懂的弹出框
2016/07/06 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
编写Python脚本批量下载DesktopNexus壁纸的教程
2015/05/06 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
Python 详解基本语法_函数_返回值
2017/01/22 Python
利用Python3分析sitemap.xml并抓取导出全站链接详解
2017/07/04 Python
Pyqt5自适应布局实例
2019/12/13 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
Java文件和目录(IO)操作
2014/08/26 面试题
会议接待欢迎词范文
2015/01/26 职场文书
2016年优秀少先队辅导员事迹材料
2016/02/26 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
python 自动刷新网页的两种方法
2021/04/20 Python
sql字段解析器的实现示例
2021/06/23 SQL Server
关于Python中*args和**kwargs的深入理解
2021/08/07 Python
Java9新特性之Module模块化编程示例演绎
2022/03/16 Java/Android