js实现悬浮放大画册图片墙效果代码-html代码-BFW代码库

js实现悬浮放大画册图片墙效果代码

代码语言：html

代码描述：js实现悬浮放大画册图片墙效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>


    <style type="text/css">
        body {
        
        		background: #222;
        
        		overflow: hidden;
        
        		left: 0;
        
        		top: 0;
        
        		width: 100%;
        
        		height: 100%;
        
        		margin: 0;
        
        		padding: 0;
        
        	}
        
        	#screen span {
        
        		position:absolute;
        
        		overflow:hidden;
        
        		border:#FFF solid 1px;
        
        		background:#FFF;
        
        	}
        
        	#screen img{
        
        		position:absolute;
        
        		left:-32px;
        
        		top:-32px;
        
        		cursor: pointer;
        
        	}
        
        	#caption, #title{
        
        		color: #FFF;
        
        		font-family: georgia, 'times new roman', times, veronica, serif;
        
        		font-size: 1em;
        
        		text-align: center;
        
        	}
        
        	#caption b {
        
        		font-size: 2em;
        
        	}
    </style>



    <script type="text/javascript">
        <!--
        
        window.onerror = new Function("return true");
        
        var obj = [];
        
        var scr;
        
        var spa;
        
        var img;
        
        var W;
        
        var Wi;
        
        var Hi;
        
        var wi;
        
        var hi;
        
        var Sx;
        
        var Sy;
        
        var M;
        
        var xm;
        
        var ym;
        
        var xb = 0;
        
        var yb = 0;
        
        var ob =  - 1;
        
        var cl = false;
        
        
        
        /* needed in standard mode */
        
        px = function(x)
        
        {
        
        	return Math.round(x) + "px";
        
        }
        
        
        
        /* center image  - do not resize for perf. reason */
        
        img_center = function(o)
        
        {
        
        	with(img[o])
        
        	{
        
        		style.left = px( - (width - Wi) / 2);
        
        		style.top = px( - (height - Hi) / 2).........完整代码请登录后点击上方下载按钮下载查看