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>

          主站蜘蛛池模板: 永登县| 贡山| 大足县| 五莲县| 莱州市| 报价| 萍乡市| 大荔县| 固始县| 筠连县| 翁牛特旗| 陆良县| 内江市| 永胜县| 黎平县| 瓦房店市| 连城县| 肇东市| 阿坝| 昌都县| 韶山市| 乐陵市| 双城市| 台北市| 常宁市| 突泉县| 石林| 南昌县| 松潘县| 涞源县| 安陆市| 屏南县| 丹棱县| 宝鸡市| 神池县| 黑山县| 西宁市| 通渭县| 承德县| 乌海市| 土默特左旗|