自动过柱机-产品案例-嘉兴码清电子科技有限公司

产品案例

{"status":1,"html":"<style>\r\n.onlinebox_two{background-color: transparent;box-shadow: none;}\r\n.onlinebox_two .met-online-box {width: 54px; height: 54px; position: relative; margin-bottom: 1px;}\r\n.onlinebox_two .online-item  {position: absolute; width: 54px; height: 54px; top: 0; right: 0;transition: all.3s; opacity: .8; filter: Alpha(opacity = 80); color: #fff; font-size: 14px;line-height: 54px;overflow: hidden;}\r\n.onlinebox_two .online-item i{font-size: 20px; width: 54px;}\r\n.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }\r\n.onlinebox_two .onlineclose{display: none;}\r\n.met-online-modal .close{position: absolute;right: 5px;top: 0;opacity: 1;}\r\n#onlinebox .met-online-box:hover .online-item{width: 130px;opacity: 1;filter:Alpha(opacity=100);}\r\n#onlinebox .met-online-box:hover .online-item i{width: 30px;}\r\n@media (min-width: 768px){\r\n.onlinebox_two .onlinebox-open{display: none;}\r\n}\r\n@media (max-width: 767px){\r\n.onlinebox_two .onlinebox_two_list{display: none;position: relative;}\r\n.onlinebox_two .onlineclose{font-style: initial;color: #fff;opacity: .8;position: absolute; right: -5px; top: -15px; border-radius: 50%; width: 25px;\r\n    height: 25px;line-height:25px; display: block;font-family: arial;z-index: 10;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_two hide\" m-type='online' m-id='online'>\r\n\t<div class=\"onlinebox-open text-xs-center\" id=\"onlinebox-open\" style=\"background:#f57d2c;\"> <i class=\"fa fa-comments-o\"><\/i>\r\n\t<\/div>\r\n\t        \t    \t\t<div class=\"onlinebox_two_list\"> <i class=\"onlineclose font-size-20 text-xs-center\" style=\"background:#f57d2c;\">x<\/i>\r\n\t\t\t        \t\t\t\t    \t\t\t\t\t<div class=\"met-online-box\">\r\n\t\t\t\t\t\t<a href=\"tel:133 8573 6276\" title=\"133 8573 6276\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #f57d2c;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-phone\"><\/i>\r\n\t\t\t\t\t\t\t<span>咨询电话<\/span>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t    \t\t\t\t\t<div class=\"met-online-box\">\r\n\t\t\t\t\t\t<a href=\"https:\/\/wpa.qq.com\/msgrd?v=3&uin=836504859&site=qq&menu=yes\" title=\"836504859\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #f57d2c;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-qq\"><\/i>\r\n\t\t\t\t\t\t\t<span>QQ客服<\/span>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t    \t\t\t\t\t<div class=\"met-online-box\">\r\n\t\t\t\t\t\t<a class=\"online-item text-xs-center met-weixin\" style=\"background-color: #f57d2c;\" href=\"javascript:void(0)\" data-toggle=\"modal\" data-target=\"#met-weixin2\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-wechat\"><\/i>\r\n\t\t\t\t\t\t\t<span>微信客服<\/span>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t    \t\t\t\t\t<div class=\"met-online-box\">\r\n\t\t\t\t\t\t<a href=\"http:\/\/www.taobao.com\/webww\/ww.php?ver=3&touid=maqingkeji&siteid=cntaobao&status=1&charset=utf-8\" title=\"maqingkeji\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #f57d2c;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-user-o\"><\/i>\r\n\t\t\t\t\t\t\t<span>淘宝旺旺<\/span>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n        \t    \t    \t    \t\t<div class=\"modal fade met-online-modal\" id=\"met-weixin2\">\r\n\t\t\t<div class=\"modal-dialog modal-center modal-sm\">\r\n\t\t\t\t<div class=\"modal-content\">\r\n\t\t\t\t\t<div class=\"modal-header text-xs-center\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">×<\/button>\r\n\t\t\t\t\t\t<img src=\"https:\/\/maqingkeji.com\/upload\/202010\/二维码.jpg\" alt=\"微信客服\" style=\"max-width: 100%;\" \/>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t    <script>\r\n$(function(){\r\n \t$(\"#onlinebox-open\").click(function(){\r\n        $(\"#onlinebox\").find(\".onlinebox_two_list\").show();\r\n        $(this).hide();\r\n    });\r\n    $(\".onlineclose\").click(function(){\r\n      $(\"#onlinebox\").find(\".onlinebox_two_list\").hide();\r\n      $(\"#onlinebox-open\").show();\r\n    });\r\n});\r\n<\/script>","t":"4","x":"10","y":"330"}

产品案例

杭州某化工产品企业使用我司自动过柱机MQU200