您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 鼠标特效 >

    翻页行鼠标经过放大效果

    时间:2013-05-09 10:52 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在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>
    <!--欢迎来到源码搜藏网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.codesocang.com,zzjs@msn.com,用.net打造靓站-->
    <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>

    翻页行鼠标经过放大效果由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/shubiaotexiao/4645.html
    标签:网站源码