大屏拼接技术基础知识精解

2024-10-22 12:10:03

文件版本 :

立即下载

大屏拼接技术基础知识精解 http://www.htxd.net.cn/htxd/PDF/%E5%A4%A7%E5%B1%8F%E6%8B%BC%E6%8E%A5%E6%8A%80%E6%9C%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%B2%BE%E8%A7%A3.ppt

标签: 大屏拼接技术基础知识

资料下载

{"status":1,"html":"<style type=\"text\/css\">\n.onlinebox_one{background-color: transparent;box-shadow: none;}\n.onlinebox_one .online-item{width: 68px;height: 60px;margin-bottom: 2px; padding-top: 12px; position: relative;display: block;color: #ffffff;}\n.onlinebox_one .online-item:nth-child(2){border-radius: 5px 5px 0px 0px;}\n.onlinebox_one .online-item:last-child{border-radius: 0px 0px 5px 5px;}\n.onlinebox_one .online-item i{font-size: 18px;}\n.onlinebox_one .onlinebox-open{border-radius: 5px;font-size: 22px;}\n.onlinebox_one .close{font-style: initial;color: #fff;opacity: 1;position: absolute; right: -5px; top: -15px;z-index:1; border-radius: 50%; width: 25px;\n    height: 25px;line-height:25px; display: none;font-size: 20px !important; font-family: arial; }\n.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }\n@media (min-width: 992px){\n.onlinebox_one .onlinebox-open{display: none;}\n}\n@media (max-width: 991px){\n.onlinebox_one .online-item:first-child{border-radius: 5px 5px 0px 0px;}\n.onlinebox_one .onlinebox_one_list{display: none;}\n.onlinebox_one .close{display:block;}\n.onlinebox_one .online-item{width: 54px;height: 50px;font-size: 12px;padding-top: 6px;}\n.onlinebox_one .online-item i{font-size: 14px;}\n}\n<\/style>\n<div id='onlinebox'  class=\"onlinebox onlinebox_one hide\" m-type='online' m-id='online'>\n    <div class=\"onlinebox-open text-xs-center\" id=\"onlinebox-open\" style=\"background:#1baadb;\"> <i class=\"fa fa-comments-o\"><\/i>\n    <\/div>\n                      <div class=\"onlinebox_one_list\">\n        <a href=\"javascript:void(0)\" class=\"text-xs-center\">\n            <i class=\"close\" style=\"background:#1baadb;\">x<\/i>\n        <\/a>\n                                          <a href=\"tel:15802770555\" title=\"15802770555\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n                <i class=\"icon fa-phone-square\"><\/i>\n                <p class=\"m-b-0\">服务热线<\/p>\n            <\/a>\n                                          <a href=\"https:\/\/wpa.qq.com\/msgrd?v=3&uin=6066510&site=qq&menu=yes\" title=\"6066510\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n                <i class=\"icon fa-qq\"><\/i>\n                <p class=\"m-b-0\">售后支持<\/p>\n            <\/a>\n                                          <a href=\"https:\/\/wpa.qq.com\/msgrd?v=3&uin=99520760&site=qq&menu=yes\" title=\"99520760\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n                <i class=\"icon fa-qq\"><\/i>\n                <p class=\"m-b-0\">售前客服<\/p>\n            <\/a>\n                                                      <a class=\"online-item text-xs-center met-online-weixin\" style=\"background-color: #1baadb;\" href=\"javascript:void(0)\" data-index=\"3\" data-plugin=\"webuiPopover\" data-trigger=\"hover\" data-animation=\"pop\"               data-placement='left'\n                        data-content=\"<img src='http:\/\/www.htxd.net.cn\/logobanner\/WEIXINlogo.jpg' alt='武汉华通鑫达科技有限公司' width='100' height='100'>\">\n                <i class=\"icon fa-wechat\"><\/i>\n                <p class=\"m-b-0\">微信客服<\/p>\n            <\/a>\n                                                          <a class=\"online-item text-xs-center met-online-weixin\" style=\"background-color: #1baadb;\" href=\"javascript:void(0)\" data-index=\"4\" data-plugin=\"webuiPopover\" data-trigger=\"hover\" data-animation=\"pop\"               data-placement='left'\n                        data-content=\"<img src='http:\/\/www.htxd.net.cn\/htxd\/douyin.png' alt='武汉华通鑫达科技有限公司' width='100' height='100'>\">\n                <i class=\"\"><\/i>\n                <p class=\"m-b-0\">抖音客服<\/p>\n            <\/a>\n                        <\/div>\n    <\/div>\n<script>\n$(function(){\n          metFileLoadFun([\n      '..\/..\/public\/third-party\/webui-popover\/webui-popover.min.css',\n      '..\/..\/public\/third-party\/webui-popover\/jquery.webui-popover.min.js',\n    ],function(){\n      return typeof $.fn.webuiPopover=='function';\n    },function(){\n      $('.onlinebox .met-online-weixin').webuiPopover();\n    });\n        var $onlinebox=$(\"#onlinebox\");\n    $(\"#onlinebox-open\").click(function(){\n        $onlinebox.find(\".onlinebox_one_list\").show();\n        $(this).hide();\n        if(($onlinebox.position().top+$onlinebox.height())>$(window).height()){\n            $onlinebox.attr({'data-style':$onlinebox.attr('style')}).css({bottom:0,top:'auto'});\n        }\n    });\n    $(\".onlinebox .close\").click(function(){\n      $onlinebox.find(\".onlinebox_one_list\").hide();\n      $(\"#onlinebox-open\").show();\n      $onlinebox.attr('data-style') && $onlinebox.attr({'style':$onlinebox.attr('data-style')});\n    });\n});\n<\/script>","t":"4","x":"10","y":"300"}

大屏拼接技术基础知识精解

资料下载

为你推荐