很无聊的一个找碴游戏
作者:林小志 来源:林小志blog 发布时间:2008-07-02 13:10:00
家里没网络,实在无聊,玩游戏都没味道,只好玩CSS。
这个东西实在没什么技术含量在里面,纯属打发时间。
简单说明:一张图片放在底层,上面覆盖一个操作范围区域的层,然后再叠加5个a的位置,这样基本的就完成了。如果会JS的话,可以做得更完美,可惜不会。努力学习!
CSS内容:
* {margin:0;padding:0;}
body {background:#000000;}
.wrapper {width:828px;height:502px;margin:10px auto;padding:5px;border:1px solid #999999;background:url(pic.jpg) 5px 5px no-repeat;}
.opArea {float:right;width:407px;height:502px;position:relative;cursor:pointer;z-index:99;}
a {width:50px;height:50px;display:block;position:absolute;}
.d1 {top:147px;left:51px;}
.d2 {top:150px;right:121px;}
.d3 {width:100px;height:40px;right:90px;bottom:156px;}
.d4 {width:110px;top:53px;right:25px;}
.d5 {right:55px;bottom:227px;}
.fRight {background:url(right.gif) center center no-repeat;}
XHTML内容:
<div class="wrapper">
<div class="opArea">
<map id="fd">
<a href="##" class="d1" onclick="this.className='fRight d1'"></a>
<a href="##" class="d2" onclick="this.className='fRight d2'"></a>
<a href="##" class="d3" onclick="this.className='fRight d3'"></a>
<a href="##" class="d4" onclick="this.className='fRight d4'"></a>
<a href="##" class="d5" onclick="this.className='fRight d5'"></a>
</map>
</div>
</div>
猜你喜欢
- MenuEverywhere 是Mac OS X上的一款小程序,前一阵刚为其完成了程序图标设计。© 2011 IconMo
- 1概述 SQL语言的本质就是一串伪代码,表达的是做什么,而不是怎么做的意思。如其它语言一样,SQL语句需要编译之后才能运行,所以每一条SQL
- 看一个网站其实就好比品评一个美女。一看长相,我们很多时候关注的是视觉,比如老板经常会说,你做几个页面让我看看!二看身材,也有很多关注标准和s
- 当我们建立一个数据库时,并且想将分散在各处的不同类型的数据库分类汇总在这个新建的数据库中时,尤其是在进行数据检验、净化和转换时,将会面临很大
- 判断函数如下:Public Function CheckBIG(strSource As String) As BooleanDim idx
- overflow:hidden 用在div上时很好用,但直接用在td上,好像没有任何效果。td中的文本过长时依然自动换了一行像下面这要设定一
- 首先说说框架(Frameworks)这个词,框架就是为我们提供了一个平台一个运行环境,在如此统一的前提下我们做相关开发才能“有章可循”,要充
- 正如你现在所看到的一样,网页的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功接合
- 测试sql: 代码如下:SET STATISTICS IO ON SET STATISTICS TIME ON SELECT COUNT(1
- 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没
- CSS文件的链接方式·附加链接:外部CSS文件·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中CSS规则定义有三种:
- 内容摘要:ASP开发人员为了在他们的设计项目中获得更好的性能和可扩展性而不断努力。幸运地是,有许多书籍和站点在这方面提供了很好的建议。但是这
- Request.ServerVariables("Url") 返回服务器地址Request.ServerVariable
- 您是否记得关闭所有的XHTML元素,在HTML中一些元素没有必要被关闭。当下一个元素开始的时候,上一个元素就自动被关闭。XHTML中是不允许
- ajax缓存和编码问题不难解决,下面是解决方法。编码问题默认使用UTF-8,如果一旦发现对象找不到的情况,可能js中输入了中文,同时js的编
- 有四个变量影响磁带备份设备的性能,并使 SQL Server 备份及还原性能操作得以在大体上随添加更多磁带设备而提高线性比例。◆软件数据块大
- 大家知道,在js里encodeURIComponent 方法是一个比较常用的编码方法,但因工作需要,在asp里需用到此方法,查了好多资料,没
- 下载了一个小型的记帐软件,发现这个软件数据库用的是access,很想看看它的数据库结构怎样,结果人家加密了。access的解密小case了,
- osql 工具是一个 Microsoft Windows 32 命令提示符工具,您可以使用它运行 Transact-SQL 语句和脚本文件。
- 下拉框连动JavaScript代码,市区二级联动多级联动下拉选择框,动态获取下一级琥珀无限级联动菜单-JavaScript版 <htm