How can i use JQuery fadeTo() in IE 7?
I am using jquery fadeTo() its working in chrome and firefox but not in IE 7. Below code is not working in IE 7..
I have fixed ta开发者_运维知识库ble.nav td:have{ opacity:0.2;}
Run time i use jquery to change opacity 0.2 to 1.0
$(document).ready(function() {
$("table.nav td").hover(function() {
$("table.nav td:hover").fadeTo("slow", 1.0);
});
});
I guess this is how you want it to work?
$(function() {
$("table.nav td")
.css("opacity", "0.2") //Doing this in jQuery is better cross browser than just opacity in CSS
.hover(function() {
$(this).fadeTo("slow", 1.0);
},function() {
$(this).fadeTo("slow", 0.2);
});
});
Example: http://jsfiddle.net/wk74b/1/
That code works in IE7 for me.
I created a sample and it does work in IE 7. Check out demo here.
Agree with jAndy about opacity issue.
$(document).ready(function() {
$("#hello").fadeTo("slow", 0.2);
$("#hello").hover(function() {
$("#hello").fadeTo("slow", 1);
},
function ()
{
$("#hello").fadeTo("slow", 0.2);
}
);
});
精彩评论