图象变化 - javaca88

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TEST2.aspx.cs" Inherits="TEST2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
    var offImageArray=new Array();
    offImageArray["play"]=new Image(75,33);
    offImageArray["stop"]=new Image(75,33);
    offImageArray["pause"]=new Image(75,33);
    offImageArray["rewind"]=new Image(75,33);

    offImageArray["play"].src="Prod_Images/Backyard/icon-sheep.gif";
    offImageArray["stop"].src="Prod_Images/Backyard/icon-cat.gif";
    offImageArray["pause"].src="Prod_Images/Backyard/icon-crab.gif";
    offImageArray["rewind"].src="Prod_Images/Backyard/icon-goose.gif";

    var onImageArray=new Array();
    onImageArray["play"]=new Image(75,33);
    onImageArray["stop"]=new Image(75,33);
    onImageArray["pause"]=new Image(75,33);
    onImageArray["rewind"]=new Image(75,33);

    onImageArray["play"].src="Prod_Images/Backyard/icon-goose.gif";
    onImageArray["stop"].src="Prod_Images/Backyard/icon-crab.gif";
    onImageArray["pause"].src="Prod_Images/Backyard/icon-cat.gif";
    onImageArray["rewind"].src="Prod_Images/Backyard/icon-cat.gif";

    function imageOn(imgName)
    {
        if(document.images)
        {
           if(onImageArray[imgName].src!="")
           {
                document.images[imgName].src=onImageArray[imgName].src;
           }



        }
    }

    function imageOff(imgName)
    {
        if(document.images)
        {
            document.images[imgName].src=offImageArray[imgName].src;
        }
    }

    function setMsg(msg)
    {
        window.status=msg;
        return true;
    }

    function playIt(){}

    function stopIt(){}

    function pauseIt(){}

    function rewindIt(){}

    function fullScreen()
    {
        this.moveTo(0,0);
        this.outerWidth=screen.availWidth;
        this.ourerHeighe=screen.availHeight;
        alert("true;");

    }
    //give the function to customed property then called by imagebutton
    window.maximize=fullScreen;
    </script>
</head>
<body onload="fullScreen()">
    <form id="form1" runat="server" method="get">
    <div>Cache of Image Button
    <a href="javascript:playIt()" onmousemove="imageOn('play'); return setMsg('play the chosen song');" onmouseout="imageOff('play');return setMsg('');" >
    <img src="Comm_Images/Logo.gif" alt="logpo" id="play" height="33px" width="75px" />
    </a>

    <a href="javascript:stopIt()" onmousemove="imageOn('stop'); return setMsg('stop the song played just a minutes ago');" onmouseout="imageOff('stop'); return setMsg('');">
    <img src="Comm_Images/Logo-home.gif" alt="logoHome" id="stop" height="33px" width="75px" />
    </a>

    <a href="javascript:pauseIt()" onmousemove="imageOn('pause'); return setMsg('pause it the song which is played just ago is noisy');" onmouseout="imageOff('pause'); return setMsg('');">
    <img src="Comm_Images/home-fish.gif" alt="homefish" id="pause" height="33px" width="75px" />


    </a>

    <a href="javascript:rewindIt()" onmousemove="imageOn('rewind'); return setMsg('continute rewind it');" onmouseout="imageOff('rewind'); return setMsg('');">
    <img src="Prod_Images/Birds/icon-Owl.gif" alt="rewind" id="rewind" height="33px" width="75px" />
    </a>
    </div>

    <div>
        <asp:ImageButton ID="frist" runat="server" DescriptionUrl="~/Prod_Images/Backyard/icon-goose.gif"
        ImageUrl="~/Prod_Images/Birds/item-duck-wild.gif"
        OnClick="frist_Click" OnClientClick="window.maximize();" /></div>
    </form>
</body>
</html>

posted on 2006-11-02 15:30 javaca88 阅读(166) 评论(0) 收藏举报

刷新页面返回顶部

漫漫技术人生路

公告