游客
标题:[分享]图片翻转效果具体实现代码
正文:
以下为程序代码：
代码如下:
<!DOCTYPE html />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>图片翻转效果</title>
<style type="text/css">
.box {overflow:hidden;position:relative;}
.txt {width:100%;height:100%;background:#f51146;font-size:12px;position:absolute;top:-100%;color:white;
text-align:center;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
#b1 {background:url(upload/2014/1/201401131107252424.jpg);width:232px;height:232px;}
#b2 {background:url(upload/2014/1/201401131107274363.jpg);width:110px;height:110px;}
#b3 {background:url(upload/2014/1/201401131107273533.jpg);width:110px;height:110px;}
</style>
</head>
<body>
<div id="obj">
<div class="box" id="b1"><div class="txt">文字说明<br />文字说明</br />文字</
[<<][[1]][2][3][>>]
查看评论(0)
发表评论
首页