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

          html css 切割圖片 顯示

          Posted on 2009-02-24 16:46 G_G 閱讀(1994) 評論(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>

          主站蜘蛛池模板: 韩城市| 吉林市| 毕节市| 金山区| 泸州市| 灵石县| 嘉禾县| 神农架林区| 泌阳县| 金寨县| 长治县| 祁连县| 文昌市| 公安县| 平原县| 客服| 峨眉山市| 海盐县| 平安县| 北宁市| 丹江口市| 甘孜| 新巴尔虎左旗| 永平县| 浑源县| 来安县| 汉源县| 东乡族自治县| 宣城市| 黄山市| 灵宝市| 南部县| 得荣县| 邹平县| 盐城市| 海淀区| 县级市| 象山县| 兴城市| 宁蒗| 怀集县|