jquery页面上滚动循环显示控制台消息插件

所属分类: 网页特效-UI滚动    2023-08-30 09:59:06

jquery页面上滚动循环显示控制台消息插件 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery页面上滚动循环显示控制台消息插件(共6个文件)

    • main.css
    • index.html

使用方法

        $(document).ready(function () {
            // Init the consoles
            let con1 = $(".console1").console({ msgDirection: "up" });
            let con2 = $(".console2").console({ history: 15 });
            let con3 = $(".console3").console({ msgDirection: "up", showTimestamp: false, timeout: 3000 });
            let con4 = $(".console4").console({ tagOddEven: true, timestampOnLeft: true });

            // Sample messages to show off the different log levels
            let long_txt = "This is very long alert message. This is very long alert message. This is very long alert message. "
                + "This is very long alert message. This is very long alert message. This is very long alert message. "
                + "This is very long alert message. This is very long alert message. This is very long alert message.";
            let msgs = [
                { txt: "This is a debug message.", level: 7 },
                { txt: "This is an info message.", level: 6 },
                { txt: "This is a notice message.", level: 5 },
                { txt: "This is a warning message.", level: "warning" },    // can use choose using str or int
                { txt: "This is an error message.", level: 3 },
                { txt: "This is a critical message.", level: 2 },
                { txt: "This is an alert message.", level: 1 },
                { txt: "This is an emergency message.", level: 0 },
                { txt: "This is a default message." },                      // no level needs to be provided
                { txt: long_txt, level: 1 }
            ];

            // Generator implementation of writing a message every second from the message array
            function* get_message() {
                let index = 0;
                while (true) {
                    let msg = msgs[index];
                    index = (index + 1) % msgs.length;  // inc index but cycle back to the start if at the end of the list
                    yield msg;
                }
            }
            let msg_generator = get_message();
            
            function writeMessage() {
                let msg = msg_generator.next().value;
                if ("level" in msg) {
                    con1.log(msg["txt"], msg["level"]);
                    con2.log(msg["txt"], msg["level"]);
                    con3.log(msg["txt"], msg["level"]);
                    con4.log(msg["txt"], msg["level"]);
                }
                else {
                    con1.log(msg["txt"]);
                    con2.log(msg["txt"]);
                    con3.log(msg["txt"]);
                    con4.log(msg["txt"]);
                }
            }
            let tid = setInterval(writeMessage, 500);
        });

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / UI滚动

jquery超级轻量级页面视差滚动特效插件

一个非常轻量级的视差滚动插件,通过使页面的背景图片滚动速度慢于整个页面,将视差滚动效果应用于背景图片上。
  UI滚动
 6641  0

jquery页面滚动到指定DIV元素触发函数插件

一款滚动页面显示到指定DIV元素时,自动触发函数事件,很实用!
  UI滚动
 3660  0

CSS+SVG滚动页面头部背景曲线变化特效

一款很有趣的滚动特效,页面向上或向下滚动时,header头部模块背景会随之改变曲线变化。
  UI滚动
 2753  0

jquery基于swiper文本内容列表循环滚动特效

一款列表内容滚动效果,一组列表数据右下往上自动循环滚动,可自定义设置滚动速度、是否循环等参数。
  UI滚动
 2691  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论