HTML5与JS技术制作3D立体图片相册

 

    代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.aaa-cg.com.cn?lcc">

<html xmlns="http://www.aaa-cg.com.cn?lcc">

<head>

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

<title>非常酷的3D立体图片相册展示代码</title>

<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">

<link href="css/lanrenzhijia.css" type="text/css" rel="stylesheet" />

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

</head>

<body>

<div id="screen" style="zoom:1">

<span><img src="images/pr04.jpg" title="One morning" alt="-2,-1,-.8,1.5,2"></span>

<span><img src="images/pr03.jpg" title="hailing the Sun" alt="-1,-.8,0,1.2,1.6"></span>

<a target="_blank" href="http://img.laike.net/html520200222035708.jpg" title="befriending death" alt="-1.5,-.9,.8,3,1.8"></a>

<span><img src="images/pr01.jpg" title="world at myfingertips" alt="1,-.6,.2,1,.75"></span>

<span><img src="images/pr02.jpg" title="gathering strength" alt="-1.7,0,.4,1.4,1"></span>

<span><img src="images/pr07.jpg" title="I said, all right." alt=".5,-1,-.4,1.5,2"></span>

</div>

</body>

</html>