fggg sddsf sdfsdf fdggg dfgfg 

css設定變化圖位置範例
有一張圖如下:此為40x64畫素的圖(heart0.jpg)網頁的style這樣定義:<style>#dyna{ margin-left:auto; margin-right:auto; margin-top:5px; width:100%; background:#fffff; line-height:normal;}#dyna a { float:left; background:url("heart0.gif") no-repeat left top; margin:0; padding:0 0 0 0; text-decoration:none; cursor:hand;}#dyna a span { float:left; display:block; padding:0 40px 10px 0; color:#ccc; cursor:hand;}#dyna a:hover { background-position:0% -31px;}</style>本文舉例:<body><div id="dyna" style="width: 40px; height:32px"> <a href="#"><span></span></a></div>請點圖</body>

請點圖這樣就可以達到滑鼠移到心圖, 原是紅心則會變成紫心

 

1234567890
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 pybjps 的頭像
    pybjps

    子,这

    pybjps 發表在 痞客邦 留言(0) 人氣()