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 = [];
        
     .........完整代码请登录后点击上方下载按钮下载查看

网友评论0