• 美女展示 大小图切换


    .

    .

    .

    .

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
    #divbody img{
    72px;
    height:128px;
    }
    #Layer1 {
    	position:absolute;
    	left:0px;
    	top:0px;
    	137px;
    	height:143px;
    	z-index:1;
    }
    </style>
    <script>
    	function showdiv(imgname){
    		Layer1.style.top=event.y;
    		Layer1.style.left=event.x;
    		Layer1.style.display="block";
    		Layer1.innerHTML="<img src='"+imgname+"'/>";
    	}
    	function hiddendiv(){
    		Layer1.style.display="none";
    	}
    </script>
    </head>
    
    <body>
    <div id="Layer1"></div>
    <div id="divbody" align="center">
      <table border="0" cellspacing="1" cellpadding="1">
        <tr>
          <td onmouseover="showdiv('8832735_0800.jpg')" onmousemove="showdiv('8832735_0800.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="8832735_0800.jpg" width="320" height="480" /></div></td>
          <td onmouseover="showdiv('1.jpg')" onmousemove="showdiv('1.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="1.jpg" width="468" height="700" /></div></td>
          <td onmouseover="showdiv('3.jpg')" onmousemove="showdiv('3.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="3.jpg" width="360" height="640" /></div></td>
          <td onmouseover="showdiv('12.jpg')" onmousemove="showdiv('12.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="12.jpg" width="360" height="640" /></div></td>
          <td onmouseover="showdiv('0765.JPG')" onmousemove="showdiv('0765.JPG')" onmouseout="hiddendiv()"><div align="center"><img src="0765.JPG" width="360" height="640" /></div></td>
          <td onmouseover="showdiv('2738437267.jpg')" onmousemove="showdiv('2738437267.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="2738437267.jpg" width="360" height="640" /></div></td>
          <td onmouseover="showdiv('a4716463.jpg')" onmousemove="showdiv('a4716463.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="a4716463.jpg" width="360" height="640" /></div></td>
          <td onmouseover="showdiv('a4207570.jpg')" onmousemove="showdiv('a4207570.jpg')" onmouseout="hiddendiv()"><div align="center"><img src="a4207570.jpg" width="360" height="640" /></div></td>
        </tr>
      </table>
      </div>
    </body>
    </html>
    

  • 相关阅读:
    bootstrap 幻灯片(轮播)
    图片轮播
    JS 标签页切换(复杂)
    JS 标签页切换
    js获取日期时间
    HTML标签marquee实现滚动效果
    webstorm 快捷键,很多人想知道的三个常用快捷键
    js红包算法随机分配
    node.js express,ejs后端模板
    递归思路简单例子
  • 原文地址:https://www.cnblogs.com/0xcafebabe/p/2073661.html
Copyright © 2020-2023  润新知