用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="
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲成年人影院|
国产亚洲精品无码成人|
jizz国产精品jizz中国|
日本xxxxxxx69xx|
亚洲av丰满熟妇在线播放|
欧美高清在线视频在线99精品|
又湿又紧又大又爽a视频|
青草娱乐极品免费视频|
国产欧美日韩精品a在线观看|
84pao强力永久免费高清|
女人18岁毛片|
一级毛片恃级毛片直播|
日本a∨在线播放高清|
久久精品加勒比中文字幕|
欧美人与禽交另类视频|
国产精品一线二线三线精华液
|
91精品久久久久久久久久小网站|
宅男66lu国产在线观看|
中文字幕在线观看不卡|
日本在线观看中文字幕|
乱亲玉米地初尝云雨|
欧美巨大xxxx做受孕妇视频|
亚洲精品国产电影午夜|
男人扒开女人下面狂躁动漫版
|
伊人色综合网一区二区三区|
精品无码无人网站免费视频|
国产一级特黄高清免费下载|
香蕉视频免费看|
国产手机在线αⅴ片无码观看|
老司机激情影院|
国产精品美女久久久网站|
999久久久免费精品播放|
天天av天天av天天透|
yellow视频免费在线观看|
性xxxxfreexxxxx喷水欧美|
中文字幕乱码一区二区免费|
无码丰满熟妇一区二区|
久久久久久久久久久福利|
日本娇小videos精品|
久久国产亚洲电影天堂|
日韩人妻无码精品无码中文字幕
|