用CSS實現的一個字符顯示效果
2007/1/10 9:34:33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>網頁特效代碼|JsCode.CN|---用CSS實現的一個字符顯示效果</title>
<style>
body{ font-size:12px; line-height:22px;}
#info span{position:absolute;width:523px;height:275px;top:115px; left:10px;background-image: url(http://www.jscode.cn/Uploadfile/200682485616973.GIF);visibility: hidden;}
a:link,a:visited{cursor: default;}
a:active,a:hover{cursor:auto;}
#hi{visibility: hidden; height:1px; overflow:hidden;}
#w01 a:hover span,#w02 a:active span{background-position: 0px 0px; visibility: visible;}
#w02 a:hover span,#w03 a:active span{background-position: 0px -275px; visibility: visible;}
#w03 a:hover span,#w04 a:active span{background-position: 0px -550px;visibility: visible; }
#w04 a:hover span,#w05 a:active span{background-position: 0px -825px; visibility: visible;}
#w05 a:hover span,#w06 a:active span{background-position: 0px -1100px; visibility: visible;}
#w06 a:hover span,#w07 a:active span{background-position: 0px -1375px; visibility: visible;}
#w07 a:hover span,#w08 a:active span{background-position: 0px -1650px; visibility: visible;}
#w08 a:hover span,#w09 a:active span{background-position: 0px -1925px; visibility: visible;}
#w09 a:hover span,#w10 a:active span{background-position: 0px -2200px; visibility: visible;}
#w10 a:hover span,#w11 a:active span{background-position: 0px -2475px; visibility: visible;}
#w11 a:hover span,#w12 a:active span{background-position: 0px -2750px; visibility: visible;}
#w12 a:hover span,#w13 a:active span{background-position: 0px -3025px;visibility: visible; }
#info a{width:44px; height:100px;display:block; background:#cc0000; float:left;}
</style>
</head>
<body>
<div id="info">
<div id="w01"><a target="_blank"><span></span></a></div>
<div id="w02"><a target="_blank"><span></span></a></div>
<div id="w03"><a target="_blank"><span></span></a></div>
<div id="w04"><a target="_blank"><span></span></a></div>
<div id="w05"><a target="_blank"><span></span></a></div>
<div id="w06"><a target="_blank"><span></span></a></div>
<div id="w07"><a target="_blank"><span></span></a></div>
<div id="w08"><a target="_blank"><span></span></a></div>
<div id="w09"><a target="
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲激情第二页|
精品无码人妻一区二区三区不卡
|
精品福利视频第一|
欧美在线一级视频|
护士的诱惑电影|
国产精品美女久久久久|
四虎永久在线精品免费影视|
亚洲熟妇少妇任你躁在线观看无码
|
美女主播免费观看|
33333在线亚洲|
蜜桃成熟时2005|
欧美特黄a级高清免费大片|
抱着cao才爽的视频|
国产精品久久福利网站|
农民工嫖妓50岁老熟女|
五月天婷婷伊人|
99精品国产一区二区三区不卡|
韩国一级在线观看|
欧美视频在线观|
性高湖久久久久久久久aaaaa|
国产精品二区三区免费播放心|
免费福利在线视频|
久久永久免费人妻精品|
91精品国产免费入口|
精品国产三级a∨在线|
日韩不卡手机视频在线观看|
国精品午夜福利视频不卡757|
国产精品大片天天看片|
农村乱人伦一区二区|
久草热久草视频|
1000部拍拍拍18勿入免费视频下载
|
蕾丝av无码专区在线观看|
欧美人与动性xxxxx杂性|
夜色www国产精品资源站|
哆啦a梦エロ本|
久久久精品中文字幕麻豆发布|
中文字幕一区二区三匹|
被窝影院午夜无码国产|
欧美国产日本高清不卡|
在线看欧美成人中文字幕视频|
动漫美女和男人羞羞漫画|