做好一个网站从认识站长百科教程网开始!快来>>>文章投稿>>>个人中心
站长百科教程网:全方位站长技能、SEO优化学习平台!
当前位置:网站首页 > Discuz!百科 > 正文

Discuz提示框文字修改:提示框显示几秒后消失

作者:admin发布时间:2023-11-25分类:Discuz!百科浏览:279评论:0


导读:Discuz做论坛网站,可以给版块设置权限,当访问者没有这个权限时就会弹出权限提示框文字。这种提示框文字是可以自己控制修改的。下面介绍一下Discuz如何修改权限提示框文字的方法。在做网站时,经常会用天网站提示框,比如用户投稿功能,用户投稿成功之后,弹出一个提示框。常用的方法是使用JS的alert弹窗,但是这种弹窗需要人工点击确定之后才能消失。

文章目录


一、网站提示框文字修改


Discuz做论坛网站,可以给版块设置权限,当访问者没有这个权限时就会弹出权限提示框文字。这种提示框文字是可以自己控制修改的。下面介绍一下Discuz如何修改权限提示框文字的方法。


Discuz提示框文字修改:提示框显示几秒后消失  第1张


修改Discuz权限提示框文字,需要找到控制提示文字的文件,这个文件名就是lang_message.php;


它的位置:


/source/language/lang_message.php;


这个文件里面,你找到相应提示语修改即可。


二、JQUERY 实现网站提示框显示几秒后自动消失


在做网站时,经常会用天网站提示框,比如用户投稿功能,用户投稿成功之后,弹出一个提示框。常用的方法是使用JS的alert弹窗,但是这种弹窗需要人工点击确定之后才能消失。


Discuz提示框文字修改:提示框显示几秒后消失  第2张


那么怎么样制作那种显示几秒后自动消失的提示框呢?很简单,做网站时可以通过JQUERY就可以轻松实现。下面提供几种实现方法。


方法一:通过settimeout定时函数实现


<script language='javascript' type='text/javascript'>
$(function () {
setTimeout(function () {
$("#divid").show();
}, 5000);
})
</script>


注意:使用这种代码时,先要在CSS中设置DIV为display:none; 这种就会显示5秒后,自动消失。代码里的5000为时间;


方法二:纯jquery 实现弹窗信息显示几秒后自动消失


<script>
function(){
$('#divid').delay(5000).hide(0);
}
</script>


delay函数是jquery 1.4.2新增的函数

hide函数里必须放一个0,不然延时不起作用


方法三:将JQUERY与appendTo结合


首先,加载JQuery,然后用下面代码实现5秒后淡出效果:

$('.alert').html('操作成功').addClass('alert-success').show().delay(5000).fadeOut();

如果不想在HTML中加DIV,可以直接用JS把DIV添加到页面中,如下:

$('<div>').appendTo('body').addClass('alert alert-success').html('操作成功').show().delay(1500).fadeOut();

以上三种方法都可以实现网站提示框显示几秒后自动消失的效果。


欢迎 发表评论:

  • 请填写验证码
Discuz!百科排行
    随机文章 | 热门文章 | 热评文章
搜索
热评文章
随机文章