Not working Properly in Mozila
I am first time using Jquery so I just copy and Paste the code from
you side but it work properly in IE7 but on in Mozila Please help me
what I have to do write some more code . I giving the who page below
which I am using.
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="fadeout.aspx.cs" Inherits="jquery_fadeout" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server" >
<script src="jquery-fadeout.js" type="text/javascript"></script>
<script language="jscript" >
$(document).ready(function(){
$("span").click(function () {
$(this).fadeOut(1000, function () {
$("div").text("'" + $(this).text() + "' has faded!");
$(this).remove();
});
});
$("span").hover(function () {
$(this).addClass("hilite");
}, function () {
$(this).removeClass("hilite");
});
});
</script>
<style>
span { cursor:pointer; }
span.hilite { background:yellow; }
div { display:inline; color:red; }
</style>
</head>
<body>
<h3>Find the modifiers - <div></div></h3>
If you <span>really</span> want to go outside
<span>in the cold</span> then make sure to wear
your <span>warm</span> jacket given to you by
your <span>favorite</span> teacher.
</body>
</html>