`

一个小小弹出层提示框

阅读更多

一个小小弹出层提示框,弹出三秒后自动关闭,根据具体情况而定位置

var showMsg = function( _msg ){
    $('<div />').attr('id', 'showMsg')
    .css({position: 'absolute', margin:'-28px 0 0 110px', padding: '5px 25px', 'font-size': '14px', 'font-weight': 'bold', 'color': '#dd4b4b', border: '1px solid #dd4b4b', background: '#ffd5d2', zIndex: '1000'})
    .text(_msg)
    .appendTo( $('#Msg') );
    setTimeout( function(){
    	$('#showMsg').fadeOut('slow', function(){
    		$('#Msg').find('#showMsg').remove();
    	});
    }, 2000)
};
 
分享到:
评论

相关推荐

    客户关系管理系统CRM页面原型.zip

    在CRM系统中,可能需要实现的功能包括:实时验证用户输入、动态加载数据、弹出提示框、表单提交处理等。使用JavaScript库如jQuery可以简化DOM操作,提高开发效率。对于更复杂的业务逻辑,可以引入前端框架,如React...

    学校实训毕业商用项目-育儿母婴门户论坛.zip

    在育儿母婴论坛中,JavaScript可能被用于处理用户提交的表单数据、动态加载内容、实现滚动效果、弹出框提示等功能,增加论坛的动态性和用户参与度。 4. **前端框架**:为了提高开发效率和代码质量,项目可能使用了...

    微信小程序开发-影音类-找电影视频案例源码.zip

    在本压缩包“微信小程序开发-影音类-找电影视频案例源码.zip”中,包含了一个针对微信小程序的影音类应用实例,主要聚焦于电影和视频的搜索与展示功能。这个源码案例对于想要学习微信小程序开发,尤其是对多媒体内容...

    学校实训毕业商用项目-html5响应式交互网站源码.zip

    【标题】中的“学校实训毕业商用项目-html5响应式交互网站源码.zip”表明这是一个针对学生实训或毕业设计的项目,使用了HTML5技术来构建一个响应式且具有交互功能的网站。响应式设计意味着网站能够自动适应不同设备...

    学校实训项目-国外Bootstrap设计公司网站模板.zip

    3. **JavaScript插件**:除了基本的HTML和CSS,Bootstrap还提供了许多JavaScript插件,如滚动监听、模态对话框、下拉菜单、工具提示和弹出框等,这些功能可以增强用户交互性。 4. **自定义**:学生需要学习如何根据...

    Android应用开发入门教程(经典版).pdf

    ##### 6.6 弹出对话框 - **对话框**: - 提供不同类型的对话框,如提示信息对话框、列表选择对话框等。 ##### 6.7 样式的设置 - **样式**: - 定义应用程序的外观和感觉。 - 可以定义不同的样式,如窗口透明样式等...

    beasts.github.io

    【标题】"beasts.github.io" 是一个基于GitHub Pages托管的个人或项目网站,通常用于展示个人作品、项目介绍或者技术分享。这个标题暗示我们将会探讨一个与前端开发相关的网站,可能包含HTML、CSS和JavaScript等元素...

Global site tag (gtag.js) - Google Analytics