{"id":1297,"date":"2024-03-01T10:31:00","date_gmt":"2024-03-01T10:31:00","guid":{"rendered":"https:\/\/codehim.com\/?p=1297"},"modified":"2024-03-04T08:31:56","modified_gmt":"2024-03-04T03:31:56","slug":"jquery-interactive-dropdown-list-box-on-hover","status":"publish","type":"post","link":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/","title":{"rendered":"jQuery Interactive Dropdown List Box on Hover"},"content":{"rendered":"<section class=\"cm-tb\">\n<div class=\"cm-row\">\n<p class=\"plugin-intro\">A jQuery and CSS based plugin that lets you create interactive dropdown list box on hover event. The plugin dynamically append dropdown box to div or insert inline. The box contains HTML radio &#038; input checkbox to perform various operations.<\/p>\n<\/p><\/div>\n<div class=\"cm-row\">\n<\/div>\n<\/section>\n<section class=\"codehim-wrapper\">\n<div class=\"d-row\">\n<h2>Plugin Preview<\/h2>\n<figure class=\"item-preview\">\n<div id=\"featured-img-id\"><img decoding=\"async\" src=\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg\" alt=\"Hover Dropdown List Box with jQuery\" \/><\/div><\/figure>\n<div class=\"item-like-share\">\n<div class=\"codehim-share\"> <span class=\"share-title\">Share this:<\/span> <span class=\"share-btn-container\"> <\/span> <\/div><\/p>\n<\/div>\n<p><span class=\"small-text\"><a href=\"https:\/\/codehim.com\/how-to-start-using-jquery\/\"> How to start using jQuery?<\/a><\/span><br \/>\n<span class=\"large-text\"><a href=\"https:\/\/codehim.com\"> More jQuery Top, Best and New Plugins <\/a><\/span><br \/>\n<span class=\"small-text\"><a href=\"https:\/\/codehim.com\/tag\/top-100\/\"> Top 100 jQuery Plugins<\/a><\/span><\/p>\n<\/div>\n<div class=\"d-row\">\n<h2> Plugin Overview<\/h2>\n<table class=\"plugin-overview\">\n<tbody>\n<tr>\n<td><i class=\"fa fa-plug\"><\/i> Plugin:<\/td>\n<td> jquery-hover-dropdown-box.js <\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-user\"><\/i> Author:<\/td>\n<td> Masanori Ohgita <\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-file-text-o\"><\/i> Licence:<\/td>\n<td><a href=\"https:\/\/opensource.org\/licenses\/MIT\" class=\"external\" target=\"_blank\" rel=\"noopener noreferrer\"> MIT Licence <\/a><\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-calendar-check-o\"><\/i> Published:<\/td>\n<td class=\"publish-date\">March 1, 2024\n<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-github\"><\/i>Repository:<\/td>\n<td> <a href=\"https:\/\/github.com\/mugifly\/jquery-hover-dropdown-box\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">Fork on GitHub <\/a><\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-link\"><\/i> Dependencies:<\/td>\n<td><a href=\"https:\/\/jquery.com\/download\/\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">jQuery 2.0.3 <\/a> or Latest version <\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-file-code-o\"><\/i> File Type:<\/td>\n<td>zip archive (HTML, CSS &amp; JavaScript)<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-file-archive-o\"><\/i> Package Size:<\/td>\n<td>22 KB<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"cd-action\"><a class=\"btn demo\" target=\"_blank\" href=\"https:\/\/codehim.com\/demo\/jquery-hover-dropdown-list-box\/\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download\/jquery-hover-dropdown-list-box.zip\" rel=\"nofollow\"> Download<\/a><\/div>\n<\/div>\n<\/section>\n<div class=\"ad-after-overview\">\n<\/div>\n<h2> How to Use Interactive Dropdown List Box:<\/h2>\n<p>1. Load the jQuery and Dropdown box list javascript and CSS files into HTML document.<\/p>\n<pre class=\"prettyprint lang-html\">\r\n&lt;!-- jQuery --&gt;\r\n&lt;script src=\"https:\/\/code.jquery.com\/jquery-3.3.1.min.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;!-- Dropdown Lis Box Js --&gt;\r\n&lt;script src=\"jquery-hover-dropdown-box.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;!-- Dropdown List Box CSS --&gt;\r\n&lt;link rel=\"stylesheet\" href=\"jquery-hover-dropdown-box.css\"&gt;\r\n<\/pre>\n<p>2. Create a <code> div <\/code> element in which do you want to insert &#8220;Box List&#8221;.<\/p>\n<pre class=\"prettyprint lang-html\">\r\n&lt;div id=\"example_inline_box\"&gt;&lt;\/div&gt;\r\n<\/pre>\n<p>3. Initialize the plugin in jQuery and add your list items in following way. I,e in Plugin&#8217;s option array.<\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(function(){\r\n $('#example_inline_box').hoverDropdownBox({\r\n\t\ttitle: 'Example',\r\n\t\titems: {\r\n\t\t\t\"Item A\": {\r\n\t\t\t\tcolor: \"#e74c3c\",\r\n\t\t\t\tinputType: \"text\",\r\n\t\t\t\tinputChecked: true,\r\n\t\t\t\tinputPlaceholder: \"Example input\"\r\n\t\t\t\t},\r\n\t\t\t\"Item B\": {\r\n\t\t\t\tcolor: \"#f1c40f\", \r\n\t\t\t\tinputType: \"checkbox\",\r\n\t\t\t\tinputChecked: false\r\n\t\t\t\t},\r\n\t\t\t\"Item C\": {\r\n\t\t\t\tcolor: \"#2ecc71\",\r\n\t\t\t\tinputType: \"checkbox\",\r\n\t\t\t\tinputChecked: false\r\n\t\t\t\t},\r\n     },\r\n   });\r\n});\r\n<\/pre>\n<p>For more advance usage, please visit the <a target=\"_blank\" href=\"https:\/\/codehim.com\/demo\/jquery-hover-dropdown-list-box\/\" rel=\"nofollow noopener noreferrer\"> demo page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A jQuery and CSS based plugin that lets you create interactive dropdown list box on hover event. The plugin dynamically&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1298,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[38,56],"tags":[9],"class_list":["post-1297","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-menu","category-others","tag-dropdown-menu"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jQuery Interactive Dropdown List Box on Hover &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a jQuery interactive dropdown list box to interact with the list items. The plugin dynamcally creates input checkbox to perform different operations\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Interactive Dropdown List Box on Hover &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a jQuery interactive dropdown list box to interact with the list items. The plugin dynamcally creates input checkbox to perform different operations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-01T10:31:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T03:31:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"962\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"jQuery Interactive Dropdown List Box on Hover\",\"datePublished\":\"2024-03-01T10:31:00+00:00\",\"dateModified\":\"2024-03-04T03:31:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\"},\"wordCount\":163,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg\",\"keywords\":[\"Dropdown Menu\"],\"articleSection\":[\"Menu &amp; Nav\",\"Others\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\",\"url\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\",\"name\":\"jQuery Interactive Dropdown List Box on Hover &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg\",\"datePublished\":\"2024-03-01T10:31:00+00:00\",\"dateModified\":\"2024-03-04T03:31:56+00:00\",\"description\":\"Here is a jQuery interactive dropdown list box to interact with the list items. The plugin dynamcally creates input checkbox to perform different operations\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg\",\"width\":1280,\"height\":962,\"caption\":\"Hover Dropdown List Box with jQuery\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menu &amp; Nav\",\"item\":\"https:\/\/codehim.com\/category\/menu\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"jQuery Interactive Dropdown List Box on Hover\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Interactive Dropdown List Box on Hover &#8212; CodeHim","description":"Here is a jQuery interactive dropdown list box to interact with the list items. The plugin dynamcally creates input checkbox to perform different operations","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Interactive Dropdown List Box on Hover &#8212; CodeHim","og_description":"Here is a jQuery interactive dropdown list box to interact with the list items. The plugin dynamcally creates input checkbox to perform different operations","og_url":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-03-01T10:31:00+00:00","article_modified_time":"2024-03-04T03:31:56+00:00","og_image":[{"width":1280,"height":962,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg","type":"image\/jpeg"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"jQuery Interactive Dropdown List Box on Hover","datePublished":"2024-03-01T10:31:00+00:00","dateModified":"2024-03-04T03:31:56+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/"},"wordCount":163,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg","keywords":["Dropdown Menu"],"articleSection":["Menu &amp; Nav","Others"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/","url":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/","name":"jQuery Interactive Dropdown List Box on Hover &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg","datePublished":"2024-03-01T10:31:00+00:00","dateModified":"2024-03-04T03:31:56+00:00","description":"Here is a jQuery interactive dropdown list box to interact with the list items. The plugin dynamcally creates input checkbox to perform different operations","breadcrumb":{"@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/03\/hover-dropdown-box-jquery.jpg","width":1280,"height":962,"caption":"Hover Dropdown List Box with jQuery"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/menu\/jquery-interactive-dropdown-list-box-on-hover\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Menu &amp; Nav","item":"https:\/\/codehim.com\/category\/menu\/"},{"@type":"ListItem","position":3,"name":"jQuery Interactive Dropdown List Box on Hover"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":5622,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/1297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=1297"}],"version-history":[{"count":1,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/1297\/revisions"}],"predecessor-version":[{"id":11347,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/1297\/revisions\/11347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/1298"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=1297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=1297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=1297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}