帝国论坛帝国网站管理系统交流区帝国CMS 7.5与8.0专版[分享]网站用户收到站内消息时弹出提示按钮 【本版专题贴子】  
主题:[分享]网站用户收到站内消息时弹出提示按钮 [加入收藏夹]   

artery
用户头衔:举人

精华贴   :0
发贴数   :179
经验值   :914
注册时间:2006-01-08
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享]网站用户收到站内消息时弹出提示按钮
把代码加到你的底部模板里“[!--temp.footer--]”

<script>
document.addEventListener('DOMContentLoaded', function() {
    fetch('[!--news.url--]e/member/login/loginjs.php', {
        method: 'GET',
        headers: { 'Content-Type': 'text/html' }
    })
    .then(response => {
        if (!response.ok) throw new Error('Failed to fetch loginjs.php');
        return response.text();
    })
    .then(data => {
        if (data.includes('您有新消息')) {
            const button = document.createElement('a');
            button.href = '[!--news.url--]e/member/msg/';
            button.innerHTML = '<span>New</span>';
            button.title = '您有新消息';
            button.style.cssText = `
                position: fixed;
                top: 60px;
                right: 20px;
                z-index: 1100;
                width: 35px;
                height: 20px;
                background: #ff4d4f;
                color: #fff;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 11.5px;
                text-decoration: none;
                box-shadow: 0 2px 5px rgba(0,0,0,0.3);
            `;
            const style = document.createElement('style');
            style.textContent = `
                @keyframes shake {
                    0%, 100% { transform: translateY(0); }
                    25% { transform: translateY(-5px); }
                    75% { transform: translateY(5px); }
                }
                .message-button.shake {
                    animation: shake 0.5s ease-in-out infinite;
                }
            `;
            document.head.appendChild(style);
            button.classList.add('message-button', 'shake');
            document.body.appendChild(button);
        }
    })
    .catch(error => {
        console.error('Error fetching loginjs.php:', error);
    });
});
</script>

如果“e/member/login/loginjs.php”这个文件你修改过,建议把原始安装包内的文件复制一份改个名字引用到这段JS里:
这一行:fetch('[!--news.url--]e/member/login/loginjs.php', {

上传以下图片:


[该贴被修改 1 次,最后修改时间 2025-05-16 13:42:45 ]


_/_/_/_/ 我的签名就是这么不一样 ^_*
_/_/_/_/ 在下的小站:ARTERY.cn
2025-05-16 10:18:48 已设置保密 顶部 回复 引用 报告 编辑 删除

包展昭
用户头衔:进士

精华贴   :0
发贴数   :702
经验值   :2840
注册时间:2017-05-08
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

支持




2025-05-16 11:04:20 已设置保密 顶部 回复 引用 报告 编辑 删除

worldcms
用户头衔:进士

精华贴   :0
发贴数   :1071
经验值   :4715
注册时间:2017-05-12
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

支持一下




2025-05-16 18:00:50 已设置保密 顶部 回复 引用 报告 编辑 删除

hibaidu
用户头衔:探花

精华贴   :0
发贴数   :4133
经验值   :12600
注册时间:2010-05-26
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

支持一下




2025-05-17 07:40:04 已设置保密 顶部 回复 引用 报告 编辑 删除

luoto
用户头衔:探花

精华贴   :0
发贴数   :6035
经验值   :18150
注册时间:2008-11-08
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

支持




2025-05-18 06:35:14 已设置保密 顶部 回复 引用 报告 编辑 删除

cnnb
用户头衔:探花

精华贴   :0
发贴数   :6062
经验值   :17292
注册时间:2008-10-14
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

支持下




2025-05-19 07:30:46 已设置保密 顶部 回复 引用 报告 编辑 删除

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1