当前位置：首页 > 网页特效 > 鼠标特效 >

翻页行鼠标经过放大效果

时间：2013-05-09 10:52 来源：互联网作者：源码搜藏收藏推荐

<!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" />
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,codesocang.com,sky,www.codesocang.com,站长特效 网" />
<meta name="description" content="www.codesocang.com,源码搜藏网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在源码搜藏网" />
<title>鼠标经过放大翻页样式 - zzjs整理收集，codesocang.com欢迎您。</title>
<style type="text/css">
#nav {
 list-style: none;
 display: inline;
}
#nav li {
 display: inline;
 margin-right: 5px;
 float: left;
}
#nav a {
 color: #399;
 text-decoration: none;
 display: block;
 font-size: 14px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 border: 1px solid #999;
 width: 20px;
 height: 20px;
 line-height: 20px;
 text-align: center;
}
#nav li a:hover {
 font-size: 24px;
 line-height: 40px;
 height: 40px;
 width: 40px;
 position: absolute;
 z-index: 10;
 margin: -10px 0 0 -10px;
 font-weight: bold;
 color: #CC66FF;
 border: 1px dotted #666666;
 background: #EEE;
}
</style>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">源码搜藏网</a>,站长必备的高质量网页特效和广告代码。codesocang.com，源码搜藏js特效。<hr>

<ul id="nav">
    <li><a href="http://www.codesocang.com">?</a></li>
    <li><a href="<#ZC_BLOG_HOST#>?cat=10">1</a></li>
    <li><a href="<#ZC_BLOG_HOST#>?cat=10">2</a></li>
    <li><a href="<#ZC_BLOG_HOST#>?cat=1">3</a></li>
    <li><a href="<#ZC_BLOG_HOST#>?cat=11">4</a></li>
    <li><a href="http://www.codesocang.com">5</a></li>
    <li><a href="http://www.codesocang.com">6</a></li>
    <li><a href="<#ZC_BLOG_HOST#>?cat=8">7</a></li>
    <li><a href="http://www.codesocang.com">8</a></li>
    <li><a href="http://www.codesocang.com">?</a></li>
</ul>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

翻页行鼠标经过放大效果

鼠标经过翻页行时的放大效果，可自己修改css。

<!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" />
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,codesocang.com,sky,www.codesocang.com,站长特效网" />
<meta name="description" content="www.codesocang.com,源码搜藏网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在源码搜藏网" />
<title>鼠标经过放大翻页样式 - zzjs整理收集，codesocang.com欢迎您。</title>
<style type="text/css">
#nav {
list-style: none;
display: inline;
}
#nav li {
display: inline;
margin-right: 5px;
float: left;
}
#nav a {
color: #399;
text-decoration: none;
display: block;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #999;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
#nav li a:hover {
font-size: 24px;
line-height: 40px;
height: 40px;
width: 40px;
position: absolute;
z-index: 10;
margin: -10px 0 0 -10px;
font-weight: bold;
color: #CC66FF;
border: 1px dotted #666666;
background: #EEE;
}
</style>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">源码搜藏网</a>,站长必备的高质量网页特效和广告代码。codesocang.com，源码搜藏js特效。<hr>

<ul id="nav">
<li><a href="http://www.codesocang.com">?</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=10">1</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=10">2</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=1">3</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=11">4</a></li>
<li><a href="http://www.codesocang.com">5</a></li>
<li><a href="http://www.codesocang.com">6</a></li>
<li><a href="<#ZC_BLOG_HOST#>?cat=8">7</a></li>
<li><a href="http://www.codesocang.com">8</a></li>
<li><a href="http://www.codesocang.com">?</a></li>
</ul>
</body>
</html>

网页特效

翻页行鼠标经过放大效果

鼠标特效下载排行

最新文章