一张大图片里面包涵很多小图片,然后用到小图片的话可以按个遍历出来。这种技术叫什么呢？我给忘了！！还有就是怎么遍历呢???
解决方案 »
- 事务的处理问题
- dbcp报了一个错: Error preloading the connection pool要郁闷死了
- javascript如何实现秒数相加？
- SSH,如何用myeclipse中如何自动生成DAO接口和DAO的实现类?
- 在手机网站 上面实现输入框之间的输入法自动切换
- 异常：000 ERROR LazyInitializationException:19 - could not initialize proxy - no Session
- 找java项目开发辅导
- 如何提供weblogic JMS 的并发？
- 求： WebLogic8.下载地址
- 如何把服务器上的文件下载到本地打开？（非服务器目录下）
- hibernate中两个级联表，一个student表和一个book表，student表中有主键id,是book表中的外键；在用Student的类无法得到set集
- 继迷茫贴，java书籍博览会
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>制作一幅扑克牌--黑桃10</title>
<style type="text/css"><!--
.card{width:125px;height:170px; position:absolute;overflow:hidden;border:1px #c0c0c0 solid;}
/*中间图片通用设置*/
span{display:block;width:20px;height:21px; position:absolute;background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat;}
/*小图片通用设置*/
b{display:block;width:15px;height:10px; position:absolute;font-size:10pt;text-align:center;font-weight:bold;background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat; overflow:hidden;}
/*数字通用设置*/
em{display:block;width:15px;height:10px; position:absolute;font-size:10pt;text-align:center;font-weight:bold;background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat;overflow:hidden;}
/*各坐标点位置*/
.N1{left:1px;top:8px;}
.First{left:5px;top:20px;}
.A1{left:20px;top:20px;}
.A2{left:20px;top:57px;}
.A3{left:20px;top:94px;}
.A4{left:20px;top:131px;}
.B1{left:54px;top:38px;}
.B2{left:54px;top:117px;}
.C1{left:86px;top:20px;}
.C2{left:86px;top:57px;}
.C3{left:86px;top:94px;}
.C4{left:86px;top:131px;}
.Last{bottom:20px;right:0px;}
.N2{bottom:8px;right:5px;
}
/*大图标黑红梅方四种图片-上方向*/
.up1{background-position:0 1px;}/*黑桃*/
/*大图标黑红梅方四种图片-下方向*/
.down1{background-position:0 -19px;}/*黑桃*/
/*小图标黑红梅方四种图片-上方向*/
.small_up1{background-position:0 -40px;}/*黑桃*/
/*小图标黑红梅方四种图片-下方向*/
.small_down1{background-position:0 -51px;}/*黑桃*/
/*A~k数字图片-左上角*/
.n10{background-position:-191px 0px;left:-4px;width:21px;}
/*A~k数字图片-右下角*/
.n10_h{background-position:-191px -22px;right:3px;width:21px;}
/*A~k数字图片-左上角红色字*/
.n10_red{background-position:-191px 0px;}
/*A~k数字图片-右下角红色字*/
.n10_h_red{background-position:-191px -33px;}
-->
</style>
</head>
<body>
<!--10字符-->
<div class="card">
<div class="front">
<b class="N1 n10"></b>
<em class="First small_up1"></em>
<span class="A1 up1"></span>
<span class="A2 up1"></span>
<span class="A3 down1"></span>
<span class="A4 down1"></span>
<span class="B1 up1"></span>
<span class="B2 down1"></span>
<span class="C1 up1"></span>
<span class="C2 up1"></span>
<span class="C3 down1"></span>
<span class="C4 down1"></span>
<em class="Last small_down1"></em>
<b class="N2 n10_h"></b>
</div>
</div>
</body>
</html>
<html>
<head><title></title></head>
<body><div id="hplogo" style="position: relative;"></div>
</body>
</html><script type="text/javascript">
(function() {
var style_info = [
[307,48,88,89,0,0],
[307,48,89,89,-88,0],
[307,48,91,89,-177,0],
.......................
[12,9,111,130,-563,-1188],
[12,9,110,131,-674,-1188],
[12,34,113,106,-784,-1188],
[13,35,110,104,-897,-1188]
];
var logo = document.getElementById('hplogo');
function logo_run() {
setTimeout( function() {
var a, div;
if (a = style_info.shift()) {
div = document.createElement('div');
div.style.cssText = 'position:absolute;'+
'left:'+a[0]+'px;top:'+a[1]+'px;width:'+a[2]+'px;height:'+a[3]+'px;'+
'background:url("o_graham11-hp-sprite.png") no-repeat '+a[4]+'px '+a[5]+'px;';
logo.appendChild(div);
logo_run();
}
}, 83);
};
window.logo_run = logo_run;
})();
window.onload=logo_run;
</script>
用js+css搞的