PDA

View Full Version : Cách nào để ảnh mờ khi chưa click?


www.quydo.com
08-06-2009, 23:34
Em thấy nhiều trang web, nếu kô rê chuột vào thì ảnh hơi mờ, khi rê chuột vào thì ảnh sáng và có thể click vào để xem tiếp, em muốn hỏi cái đó dùng cái gì? html có được kô?
hoangcn02
09-06-2009, 12:56
Chắc là js thôi :D. Save as cái trang đó lại và xem source là bít liền chứ gì :)
webvina
09-06-2009, 21:09
Bạn sử dụng thuộc tính opacity trong css nhá. Kết hợp với js nữa.

http://www.w3schools.com/Css/css_image_transparency.asp
www.quydo.com
12-06-2009, 22:04
Bạn sử dụng thuộc tính opacity trong css nhá. Kết hợp với js nữa.

http://www.w3schools.com/Css/css_image_transparency.asp

em đã đọc rùi nhưng có một điều vậy nè em xài dreamweaver để thiết kế nhưng sao nó chỉ có style, chứ kô có thuộc tính style="opacity:0.4;filter:alpha(opacity=40)"
ý em nói là kô có opacity

em thứ chép y hệt đoạn mã này

<img src="klematis.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=10 0"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity= 40" />

mà nói kô có kết quả

mong anh giúp em
nnanh01
13-06-2009, 11:31
Đoạn mã trên không có tác dụng trên FF, chạy đc trên IE
www.quydo.com
24-06-2009, 18:54
có ai giúp em đoạn mã nào mà khi rê chuột vào ảnh thì nó hiện lên một ảnh mô tả không?
nnanh01
25-06-2009, 16:00
Mọi người đã đưa ý tưởng, bạn thử tự làm xem thế nào. Chưa làm mà đã nhờ thì ngay cả người muốn giúp cũng không biết ya bạn muốn hiện thị ra sao là sao mà giúp.

Bạn viết trước rồi mô tả nó, rồi post code lên đây, mọi người giúp bạn sửa
duonghc
13-07-2009, 00:00
bạn có thể sử dụng jquery để làm, bạn vào đây để download jquery mới nhất về: http://jquery.com/
trong thẻ <head> khai báo như sau:
======================================
<head>
<!--Chèn jquery: -->
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".fadeOver").hover(function(){$(this).fadeTo("fast", 0.6);},function(){$(this).fadeTo("fast", 1);});
});
</script>
</head>
========================================
tại vị trí button bạn muốn cho nó "hover", bạn chỉ việc gắn class="fadeOver" là ok :)

VD:
========================================
<body>
<p><a href="#"><img src="đường link tới button" Alt="" class="fadeOver" /></a></p>
</body>