JQUERY DIV浮动提示信息
2011-09-14 09:19
495 查看
function showTips(tips, height, time) { var windowWidth = document.documentElement.clientWidth; var tipsDiv = '<div class="tipsClass">' + tips + '</div>'; $('body').append(tipsDiv); $('div.tipsClass').css({ 'top': height + 'px', 'left': (windowWidth / 2) - (tips.length * 13 / 2) + 'px', 'position': 'absolute', 'padding': '3px 5px', 'background': 'red', 'font-size': 12 + 'px', 'margin': '0 auto', 'text-align': 'center', 'width': 'auto', 'color': '#fff', 'opacity': '0.8' }).show(); setTimeout(function () { $('div.tipsClass').fadeOut(); }, (time * 1000)); }
相关文章推荐
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- JQuery 浮动DIV显示提示信息并自动隐藏
- JQuery浮动DIV提示信息
- JQuery浮动DIV提示信息并自动隐藏的代码
- JQuery浮动DIV提示信息并自动隐藏的代码
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- GridView鼠标移上某行显示浮动DIV提示信息
- 黄聪:15个很好的自定义jQuery提示信息框插件( 转)
- jquery插件之智能提示(信息来自数据库字段)
- 支持拖动的DIV版提示信息
- jQuery实现鼠标悬浮在div上时候动态浮动另外一个div层盖住第一个div层
- jQuery实现鼠标悬停显示提示信息窗口的方法
- 流行的jQuery信息提示插件(jQuery Tooltip Plugin)
- jquery ValidationEngine 提示信息跟随滚动条滚动
- jquery.validate.js 提示信息重复出现的问题
- 修改jQuery.validate验证方法和提示信息
- jQuery实现的简单提示信息插件
- jquery文本框内提示信息插件——SmokeScreen