Scribd Logo
Upload

Welcome to Scribd!

  • 0 views

    Lecture 111 - Changing Website Content - Changingwebsitecontentdothtml

    Uploaded by

    ssss
    This document contains the code for a basic HTML webpage with JavaScript. It includes styling for a green circular and red square div, some text, and an iframe pulling in an external CNN page. The JavaScript code changes the iframe source on hover over the circular div to load an alternative webpage.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Lecture 111 - Changing Website Content - Changingwebsitecontentdothtml

    Uploaded by

    ssss
    0 views3 pages
    This document contains the code for a basic HTML webpage with JavaScript. It includes styling for a green circular and red square div, some text, and an iframe pulling in an external CNN page. The JavaScript code changes the iframe source on hover over the circular div to load an alternative webpage.

    Original Description:

    Lecture 111 - Changing Website Content

    Original Title

    Lecture 111 - Changing Website Content- Changingwebsitecontentdothtml

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains the code for a basic HTML webpage with JavaScript. It includes styling for a green circular and red square div, some text, and an iframe pulling in an external CNN page. The JavaScript code changes the iframe source on hover over the circular div to load an alternative webpage.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    0 views3 pages

    Lecture 111 - Changing Website Content - Changingwebsitecontentdothtml

    Uploaded by

    ssss
    This document contains the code for a basic HTML webpage with JavaScript. It includes styling for a green circular and red square div, some text, and an iframe pulling in an external CNN page. The JavaScript code changes the iframe source on hover over the circular div to load an alternative webpage.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    Changing Website Content:

    changingwebsitecontent.html
    !
    !
    <!doctype html>

    <html>

    <head>

    <title>Learning jQuery</title>

    <meta charset="utf-8" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script type="text/javascript" src="jquery.min.js"></script>

    <style>

    #circle {

    width:200px;

    height:200px;

    background-color:green;

    border-radius:100px;

    .square {
    width:200px;

    height:200px;

    background-color:red;

    margin-top:10px;

    </style>

    </head>

    <body>

    <div id="circle"></div>

    <p>This is some text</p>

    <iframe src="http://www.cnn.com"></iframe>

    <script>

    $("#circle").hover(function() {

    $("iframe").attr("src", "http://
    www.ecowebhosting.co.uk");

    });


    </script>

    </body>

    </html>

    You might also like