Scribd Logo
Upload

Welcome to Scribd!

  • 38 views

    Marks Obtained Dated Signature Process Related (10) Product Related (15) Total

    Uploaded by

    Tejas Patil
    The document contains code snippets for creating different web elements like rollover effect, dropdown menu, status bar, protecting right click, implementing slideshow and banner. There are 5 code snippets showing how to: 1) Create a rollover effect by changing the image source on mouseover; 2) Create a dropdown menu and display selected option using intrinsic JavaScript; 3) Add status bar message and disable right click using JavaScript; 4) Implement a slideshow and banner using JavaScript arrays and functions; 5) Protect right click context menu using JavaScript.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Marks Obtained Dated Signature Process Related (10) Product Related (15) Total

    Uploaded by

    Tejas Patil
    38 views8 pages
    The document contains code snippets for creating different web elements like rollover effect, dropdown menu, status bar, protecting right click, implementing slideshow and banner. There are 5 code snippets showing how to: 1) Create a rollover effect by changing the image source on mouseover; 2) Create a dropdown menu and display selected option using intrinsic JavaScript; 3) Add status bar message and disable right click using JavaScript; 4) Implement a slideshow and banner using JavaScript arrays and functions; 5) Protect right click context menu using JavaScript.

    Original Description:

    CSS practical

    Original Title

    final4pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains code snippets for creating different web elements like rollover effect, dropdown menu, status bar, protecting right click, implementing slideshow and banner. There are 5 code snippets showing how to: 1) Create a rollover effect by changing the image source on mouseover; 2) Create a dropdown menu and display selected option using intrinsic JavaScript; 3) Add status bar message and disable right click using JavaScript; 4) Implement a slideshow and banner using JavaScript arrays and functions; 5) Protect right click context menu using JavaScript.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    38 views8 pages

    Marks Obtained Dated Signature Process Related (10) Product Related (15) Total

    Uploaded by

    Tejas Patil
    The document contains code snippets for creating different web elements like rollover effect, dropdown menu, status bar, protecting right click, implementing slideshow and banner. There are 5 code snippets showing how to: 1) Create a rollover effect by changing the image source on mouseover; 2) Create a dropdown menu and display selected option using intrinsic JavaScript; 3) Add status bar message and disable right click using JavaScript; 4) Implement a slideshow and banner using JavaScript arrays and functions; 5) Protect right click context menu using JavaScript.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 8

    Marks Obtained Dated Signature

    Process Related Product Related Total


    (10) (15) (25)
    Marks Obtained Dated Signature

    Process Related Product Related Total


    (10) (15) (25)
    Marks Obtained Dated Signature

    Process Related Product Related Total


    (10) (15) (25)
    Marks Obtained Dated Signature

    Process Related Product Related Total


    (10) (15) (25)
    Create a Webpage with Rollover Effect

    <!DOCTYPE html>
    <html>
    <head>
    <title>Rollover</title>
    </head>
    <body>
    <img src="img1.png" onmouseover="src='img2.jpg'">
    </body>
    </html>
    Create a webpage using intrinsic JavaScript functions
    <!DOCTYPE html>
    <html>
    <head>
    <title>Menu</title>
    </head>
    <body>
    <select id="dropdown_menu" onchange="menu()">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    </select>
    <p id="show"></p>
    <script type="text/javascript">
    function menu()
    {
    var a = document.getElementById("dropdown_menu").value;
    if(a=="volvo")
    {
    document.write("Volvo");
    }
    else if (a=="saab")
    {
    document.write("saab");
    }
    else if (a=="mercedes")
    {
    document.write("mercedes");
    }
    else
    {
    document.write("Audi");
    }
    } </script></body></html>
    Develop a webpage for Implementing Status bar and Webpage Protection

    <!DOCTYPE html>
    <html>
    <head>
    <title>Status Bar</title>
    </head>
    <body>
    <script type="text/javascript">
    window.status="Welcome";
    function RightClickDisable()
    {
    alert("Not allowed to right click");
    }
    function InternetExplorerBrowser()
    {
    if(event.button==2)
    {
    RightClickDisable();
    }
    }
    document.oncontextmenu=new Function("RightClickDisable();return false")
    </script>
    </body>
    </html>
    Develop a webpage for Implementing Slideshow and Banner
    <!DOCTYPE html>
    <html>
    <head>
    <title>Banner and Slideshow</title>
    <script type="text/javascript">
    MyBanner = new Array('img1.png','img2.jpg')
    banner_count=0;
    MySlide=new Array('img1.png','img2.jpg');
    var i=0;
    function DisplayBanner()
    {
    banner_count++;
    if(banner_count==MyBanner.length)
    {
    banner_count=0;
    }
    document.BannerChange.src=MyBanner[banner_count];
    }
    function DisplaySlides(SlideNumber)
    {
    document.slideID.src=MySlide[SlideNumber];
    }

    </script>
    </head>
    <body onload="DisplayBanner()">
    <h1> Displaying Banner</h1>
    <img src="img2.jpg" height="300" width="300" name="BannerChange">
    <h1> Slideshow</h1>
    <img src="img1.png" name="slideID" width="200" height="200"><br>
    <input type="button" value="Back" onclick="DisplaySlides(0)">
    <input type="button" value="Forward" onclick="DisplaySlides(1)">
    </body>
    </html>

    You might also like