{"version":"1.0","provider_name":"Learn JavaScript Online | Free Interactive JavaScript Tutorials","provider_url":"https:\/\/javascript-tutor.net","author_name":"Liew Voon Kiong","author_url":"https:\/\/javascript-tutor.net\/index.php\/author\/ajt7051jct\/","title":"Creating Rollover Effects - Learn JavaScript Online | Free Interactive JavaScript Tutorials","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"LLzX2lQcfo\"><a href=\"https:\/\/javascript-tutor.net\/index.php\/2013\/05\/03\/creating-rollover-effects\/\">Creating Rollover Effects<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/javascript-tutor.net\/index.php\/2013\/05\/03\/creating-rollover-effects\/embed\/#?secret=LLzX2lQcfo\" width=\"600\" height=\"338\" title=\"&#8220;Creating Rollover Effects&#8221; &#8212; Learn JavaScript Online | Free Interactive JavaScript Tutorials\" data-secret=\"LLzX2lQcfo\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/javascript-tutor.net\/wp\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","description":"We have learned how to create slide show in the previous lesson. In this lesson, we shall learn how to create rollover effect in JavaScript. Rollover means \u00a0a webpage changes when the user moves his or her mouse over an object on the page. It is often used in advertising. There are two ways to &hellip; Continue reading \"\""}