raha2400
یک شنبه 03 بهمن 1389, 13:37 عصر
سلام . من یه کد برای قسمت navigator سایتم با gquery نوشتم که تو فایرفاکس و کروم و ie6 مشکلی نداره اما در ie8 مشکل داره . این کد به این صورته که وقتی با ماوس روی یکی از تصاویر برید 10px میره بالا و وقتی ماوس رو بردارید سرجاش برمیگرده .اما تو ie8 روی یکی از عکسها برید همه عکسهای سمت راست اون عکس با اون به سمت بالا حرکت میکنن .
این کد jquery اون
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
function pageLoad(sender, args) {
$('li').mouseover(function() {
$(this).stop().animate({ "marginTop" : "-10px" }, 300);
}), $('li').mouseout(function() {
$(this).stop().animate({ "marginTop": "0px" }, 300);
});
};
</script>[LTR]
<div id="divnavigator">
<ul><li>
<asp:ImageButton ID="imgbtnuser" runat="server" ImageUrl="~/Site Images/User-alt.png"
onclick="imgbtnuser_Click" ToolTip="پروفایل شما"
CausesValidation="False" Width= "75px" Height="75px" /></li>
<li><a href="Home.aspx"><asp:Image ID="ImageHome" runat="server" AlternateText="کنترل پنل شما"
ImageUrl="Site%20Images/Home.png" style="width: 75px; height: 75px " ToolTip="کنترل پنل شما" /></a> </li>
<li><a href="Setting/MainSetting.aspx" ><asp:Image ID="Imagesetting" runat="server" AlternateText="تنظیمات"
ImageUrl="Site%20Images/Settings.png" style="width: 75px; height: 75px " ToolTip="تنظیمات" /></a></li>
<li><a href="Groups.aspx"> <asp:Image ID="Imagegroup" runat="server" AlternateText="گروه ها" ImageUrl="Site%20Images/Users.png"
style="width: 75px; height: 75px " ToolTip="گروه ها" /></a></li>
<li><a href="SearchMembers.aspx"> <asp:Image ID="Imagesearch" runat="server" AlternateText="جستجوی دوستان" ImageUrl="Site%20Images/Search.png"
style="width: 75px; height: 75px " ToolTip="جستجوی دوستان" /></a></li>
<li><a href="Main.aspx">
<asp:Image ID="Imagemain" runat="server" AlternateText="صفحه اصلی سایت" ImageUrl="Site%20Images/Globe.png" style="width: 75px; height: 75px " ToolTip="صفحه اصلی سایت" />
</a></li>
<li>
<asp:ImageButton ID="imgbtnexit" runat="server" ImageUrl="~/Site Images/exit.png"
onclick="imgbtnexit_Click" ToolTip="خروج از حساب کاربری"
CausesValidation="False" Width= "75px" Height="75px" /></li></ul>
</div>
این کد jquery اون
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
function pageLoad(sender, args) {
$('li').mouseover(function() {
$(this).stop().animate({ "marginTop" : "-10px" }, 300);
}), $('li').mouseout(function() {
$(this).stop().animate({ "marginTop": "0px" }, 300);
});
};
</script>[LTR]
<div id="divnavigator">
<ul><li>
<asp:ImageButton ID="imgbtnuser" runat="server" ImageUrl="~/Site Images/User-alt.png"
onclick="imgbtnuser_Click" ToolTip="پروفایل شما"
CausesValidation="False" Width= "75px" Height="75px" /></li>
<li><a href="Home.aspx"><asp:Image ID="ImageHome" runat="server" AlternateText="کنترل پنل شما"
ImageUrl="Site%20Images/Home.png" style="width: 75px; height: 75px " ToolTip="کنترل پنل شما" /></a> </li>
<li><a href="Setting/MainSetting.aspx" ><asp:Image ID="Imagesetting" runat="server" AlternateText="تنظیمات"
ImageUrl="Site%20Images/Settings.png" style="width: 75px; height: 75px " ToolTip="تنظیمات" /></a></li>
<li><a href="Groups.aspx"> <asp:Image ID="Imagegroup" runat="server" AlternateText="گروه ها" ImageUrl="Site%20Images/Users.png"
style="width: 75px; height: 75px " ToolTip="گروه ها" /></a></li>
<li><a href="SearchMembers.aspx"> <asp:Image ID="Imagesearch" runat="server" AlternateText="جستجوی دوستان" ImageUrl="Site%20Images/Search.png"
style="width: 75px; height: 75px " ToolTip="جستجوی دوستان" /></a></li>
<li><a href="Main.aspx">
<asp:Image ID="Imagemain" runat="server" AlternateText="صفحه اصلی سایت" ImageUrl="Site%20Images/Globe.png" style="width: 75px; height: 75px " ToolTip="صفحه اصلی سایت" />
</a></li>
<li>
<asp:ImageButton ID="imgbtnexit" runat="server" ImageUrl="~/Site Images/exit.png"
onclick="imgbtnexit_Click" ToolTip="خروج از حساب کاربری"
CausesValidation="False" Width= "75px" Height="75px" /></li></ul>
</div>