Plug and Socket Gauges

Previous page1Next page Go to No.

{"status":1,"html":"<style>\n.onlinebox_two{background-color: transparent;box-shadow: none;}\n.onlinebox_two .met-online-box {width: 54px; height: 54px; position: relative; margin-bottom: 1px;}\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;}\n.onlinebox_two .online-item i{font-size: 20px; width: 54px;}\n.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }\n.onlinebox_two .onlineclose{display: none;}\n.met-online-modal .close{position: absolute;right: 5px;top: 0;opacity: 1;}\n#onlinebox .met-online-box:hover .online-item{width: 130px;opacity: 1;filter:Alpha(opacity=100);}\n#onlinebox .met-online-box:hover .online-item i{width: 30px;}\n@media (min-width: 992px){\n.onlinebox_two .onlinebox-open{display: none;}\n}\n@media (max-width: 991px){\n.onlinebox_two .onlinebox_two_list{display: none;position: relative;}\n.onlinebox_two .onlineclose{font-style: initial;color: #fff;opacity: .8;position: absolute; right: -5px; top: -15px; border-radius: 50%; width: 25px;\n    height: 25px;line-height:25px; display: block;font-family: arial;z-index: 10;}\n}\n<\/style>\n<div id='onlinebox'  class=\"onlinebox onlinebox_two hide\" m-type='online' m-id='online'>\n\t<div class=\"onlinebox-open text-xs-center\" id=\"onlinebox-open\" style=\"background:#1baadb;\"> <i class=\"fa fa-comments-o\"><\/i>\n\t<\/div>\n\t        \t  \t\t<div class=\"onlinebox_two_list\"> <i class=\"onlineclose font-size-20 text-xs-center\" style=\"background:#1baadb;\">x<\/i>\n\t\t\t        \t\t\t\t  \t\t\t\t\t<div class=\"met-online-box\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.facebook.com\/https:\/\/www.metinfo.cn\/\" title=\"https:\/\/www.metinfo.cn\/\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n\t\t\t\t\t\t\t<i class=\"icon fa-facebook\"><\/i>\n\t\t\t\t\t\t\t<span>Sales<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t<div class=\"met-online-box\">\n\t\t\t\t\t\t<a href=\"skype:https:\/\/www.metinfo.cn\/?chat\" title=\"https:\/\/www.metinfo.cn\/\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n\t\t\t\t\t\t\t<i class=\"icon fa-skype\"><\/i>\n\t\t\t\t\t\t\t<span>Sales<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t<div class=\"met-online-box\">\n\t\t\t\t\t\t<a href=\"tel:4000084433\" title=\"4000084433\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n\t\t\t\t\t\t\t<i class=\"icon fa-phone-square\"><\/i>\n\t\t\t\t\t\t\t<span>Tel<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t<div class=\"met-online-box\">\n\t\t\t\t\t\t<a href=\"mailto:sales@metinfo.cn\" title=\"email\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\n\t\t\t\t\t\t\t<i class=\"icon fa-envelope-o\"><\/i>\n\t\t\t\t\t\t\t<span>email<\/span>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n        \t  \t  \t  \t  <script>\n$(function(){\n\tvar $onlinebox=$(\"#onlinebox\");\n \t$(\"#onlinebox-open\").click(function(){\n        $(\"#onlinebox\").find(\".onlinebox_two_list\").show();\n        $(this).hide();\n\t\tif(($onlinebox.position().top+$onlinebox.height())>$(window).height()){\n            $onlinebox.attr({'data-style':$onlinebox.attr('style')}).css({bottom:0,top:'auto'});\n        }\n    });\n    $(\".onlineclose\").click(function(){\n      $(\"#onlinebox\").find(\".onlinebox_two_list\").hide();\n      $(\"#onlinebox-open\").show();\n\t  $onlinebox.attr('data-style') && $onlinebox.attr({'style':$onlinebox.attr('data-style')});\n    });\n});\n<\/script>","t":"0","x":"10","y":"300"}