• 技术文章 >web前端 >js教程

    div+css实现鼠标放上去,背景跟图片都会变化。_javascript技巧

    PHP中文网PHP中文网2016-05-16 19:12:16原创704
    php代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <HTML> 
     <HEAD> 
      <TITLE> New Document </TITLE> 
      <META NAME="Generator" CONTENT="EditPlus"> 
      <META NAME="Author" CONTENT=""> 
      <META NAME="Keywords" CONTENT=""> 
      <META NAME="Description" CONTENT=""> 
      <style type="text/css"> 
        ul{ 
            list-style:none; 
        } 
        a{ 
            padding-left:1.5em;font-size:12px;height:23px;line-height:23px;color:gray;text-decoration:none; 
        } 
        a:link,a:visited{ 
            background:url(/article/upimages/bbs_bg_off.gif); 
        } 
        a:hover,a:active{ 
            background:url(/article/upimages/bbs_bg_on.gif); 
        } 
      </style> 
     </HEAD> 
    
     <BODY> 
    <ul> 
        <li><a href="test">移动背景变换</a></li> 
        <li><a href="test">移动背景变换</a></li> 
        <li><a href="test">移动背景变换</a></li> 
        <li><a href="test">移动背景变换</a></li> 
        <li><a href="test">移动背景变换</a></li> 
    </ul> 
    
     </BODY> 
    </HTML>
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:用jscript启动sqlserver_javascript技巧 下一篇:List all the Databases on a SQL Server_javascript技巧
    php培训_php实战培训【立即报名】-php中文网第20期

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一篇搞定JavaScript DOM详细操作• 深入聊聊JavaScript• JavaScript迭代器知识点总结• 11个可以提升效率的chrome调试技巧• 简单了解JavaScript数据结构与算法之栈
    1/1

    PHP中文网