您好,登錄后才能下訂單哦!
今天要實現各功能,當鼠標移動到有鏈接的圖片時,圖片顏色要有變化,但是又不想做不同顏色的多個圖片,所以找到下面一小段樣式,當鼠標移動到有鏈接的圖片時,讓其顏色變淡。文字鏈接也可以起到作用。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> <style type="text/css"> a.colorChangeStyle:hover { opacity:0.50; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; -moz-opacity:0.50; } </style> </title> </head> <body> <p><a class="colorChangeStyle" href="#" onclick="window.open('http://www.rmiri.co.jp/exam/basic/index.html');return false;"><img src="<s:url value="/img/credittest.jpg" encode="false" />"/> </a></p> </body> </html>
想了解更多--->點下面鏈接
http://ameblo.jp/bonnydesign/entry-11276909630.html
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。