UI design-Brand design, space design, album design, packaging design, illustration design, interface design, tmall design, Taobao design, logo design

Previous page1Next page Go to No.

{"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:#1baadb;\"> <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:#1baadb;\">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=\"https:\/\/wpa.qq.com\/msgrd?v=3&uin=2253129633&site=qq&menu=yes\" title=\"2253129633\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-facebook\"><\/i>\r\n\t\t\t\t\t\t\t<span>Sales<\/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=\"skype:sz136138?chat\" title=\"sz136138\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-skype\"><\/i>\r\n\t\t\t\t\t\t\t<span>Sales<\/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=\"tel:18929363263\" title=\"18929363263\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-phone-square\"><\/i>\r\n\t\t\t\t\t\t\t<span>Tel<\/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=\"mailto:sz136138@fandoukeji.com\" title=\"email\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\r\n\t\t\t\t\t\t\t<i class=\"icon fa-envelope-o\"><\/i>\r\n\t\t\t\t\t\t\t<span>email<\/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<\/div>\r\n\t<\/div>\r\n        \t    \t    \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":"2","x":"10","y":"300"}

MetInfo, The creative factory of Enterprise website

10 years of persistence，10 years of innovation

News

MetInfo, The creative factory of Enterprise website

10 years of persistence，10 years of innovation

Several aspects to pay attention to in UI design

News

Recommended content