📄 切换图片.htm

📁 jsp网站源代码下载自定义标签 JSP标记函数
💻 HTM
字号:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<script language=javascript>
var imgarr = new Array();
imgarr[0] = "";
imgarr[1] = "img1.jpg";
imgarr[2] = "img2.jpg";
imgarr[3] = "img3.jpg";
imgarr[4] = "img4.jpg";
imgarr[5] = "img5.jpg";
var urlarr = new Array();
urlarr[0] = "";
urlarr[1] = "img1.jpg";
urlarr[2] = "img2.jpg";
urlarr[3] = "img3.jpg";
urlarr[4] = "img4.jpg";
urlarr[5] = "img5.jpg";

</script>
<style>
#adimage { width: 200px; height: 260px; border: 2 solid #C0C0C0 }
#adimage #image
    {
      width: 200px; height: 245px;
    }

#adimage #btn a, #adimage #btn a:visited { color: #FFFFFF; background-color: #008000; text-decoration: none; width: 20px; 
               height: 8px; border-style: solid; border-color: #008000 }
#adimage #btn #currentnum  { background-color: #800000; color: #FFFFFF }
#adimage #btn a:hover
    {
        color:red;
        text-decoration: none;
    }
</style>

</head>

<body>
<div id="adimage" OnMouseOver="MouseOver()" OnMouseOut="MouseOut()">
    <div id="imgdiv"><a href="a1.aspx" id="showurl"><img src="img1.jpg" id="showimg" border=0/></a></div>
    <div id="btn">
      <a href="#" id="num1" OnMouseOver="c(1)">1</a>
      <a href="#" id="num2" OnMouseOver="c(2)">2</a>                              
      <a href="#" id="num3" OnMouseOver="c(3)">3</a>                              
      <a href="#" id="num4" OnMouseOver="c(4)">4</a>                              
      <a href="#" id="num5" OnMouseOver="c(5)">5</a>                              
    </div>
</div>

<script language="javascript">
var num = 1;
function c(r)
{
   
    if(num < 1)num = 1;
    if(num > 1)
      document.all["currentnum"].id="num"+(num-1);
    if(num > 5) num = 1;
     if(r)num = r;
    document.all["num"+num].id="currentnum";
   // document.all["showimg"].src="img"+num+".jpg";
   // document.all["showurl"].href="a"+num+".aspx";
    document.all["showimg"].src=imgarr[num];
    document.all["showurl"].href=urlarr[num];

    num ++;
}

function MouseOver()
{
    clearInterval(changeID);
    changeID = null;
}
function MouseOut()
{
    if(changeID == null)
        changeID = setInterval("c()",1000);
}
var changeID = setInterval("c()",1000);
</script>
</body>

</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -