posts - 165, comments - 198, trackbacks - 0, articles - 1
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          html css 切割圖片 顯示

          Posted on 2009-02-24 16:46 G_G 閱讀(1999) 評論(0)  編輯  收藏 所屬分類: javascriptHTML

          參考:
          http://tech.ddvip.com/2008-12/122835390597191.html


          頁面可以直接運行:
          <html>
          <head>

          <style?type="text/css">

          .box1
          {
          float
          :left;
          width
          :21px;
          height
          :21px;
          position
          :relative;
          background
          :?#F3F2E2?url(http://mp3.youdao.com/images/mbox_bg.gif)?no-repeat;
          }
          .box1?
          {
          background-position
          :?0px?-60px;
          }


          </style>

          </head>

          <body>

          ????
          <div?class="box1"?
          ????????onmouseover
          ="this.style.backgroundPosition='0px?-81px'?"?
          ????????onmouseout
          ="this.style.backgroundPosition='0px?-102px'?"????
          ????
          >
          ????
          </div>

          </body>

          </html>

          主站蜘蛛池模板: 望城县| 延津县| 西城区| 南投县| 漳平市| 仁布县| 鄂州市| 奈曼旗| 娄底市| 贡嘎县| 绥德县| 阿图什市| 赤壁市| 中宁县| 上虞市| 遵义县| 泸州市| 曲阜市| 蓬莱市| 滨海县| 柘城县| 诸城市| 张北县| 姚安县| 福鼎市| 原平市| 冷水江市| 赤城县| 合江县| 霞浦县| 民勤县| 龙游县| 牟定县| 九台市| 武鸣县| 承德市| 大足县| 于田县| 白河县| 台北市| 冀州市|