PDA

View Full Version : mouseOver روی ImageButtom



ali_mnkt
پنج شنبه 04 آذر 1389, 20:56 عصر
با سلام

من یک ImageButtom دارم . می خوام وقتی MouseOver می شه رنگش عوض شه . آیا می شه همچین کاری کرد ؟ اگه کسی می دونه ممنون می شم کمک کنید.

blackcats
پنج شنبه 04 آذر 1389, 20:58 عصر
خوب با جاوا اسکریپت پیاده سازی کن و functionاش رو onmouseover بزار

ali_mnkt
پنج شنبه 04 آذر 1389, 23:42 عصر
خوب با جاوا اسکریپت پیاده سازی کن و functionاش رو onmouseover بزار

سلام دوست عزیز . تا اینجاشو می دونم ولی نمی دونم تو function چی بنویسم . آخه javaScript مگه clientside نیست چطوری یه عکس دیگه هنگام mouseOver شدن از سرور بگیره ونشون بده ؟

alishokr
جمعه 05 آذر 1389, 00:18 صبح
سلام.
با jQuery میتونید به شکل زیر پیاده سازی کنید:


$(document).ready(
function () {
$('#myImg').hover(
function () {
$(this).attr('src', '../../../../Content/Images/setup.jpg');
},
function ()
{ $(this).attr('src', '../../../../Content/Images/search.gif') }
);
});



با آرزوی موفقیت ...

ali_mnkt
جمعه 05 آذر 1389, 00:59 صبح
سلام.
با jQuery میتونید به شکل زیر پیاده سازی کنید:


$(document).ready(
function () {
$('#myImg').hover(
function () {
$(this).attr('src', '../../../../Content/Images/setup.jpg');
},
function ()
{ $(this).attr('src', '../../../../Content/Images/search.gif') }
);
});

با آرزوی موفقیت ...


مرسی دوست عزیز از راهنماییت ولی من jquery کار نکردم و نمی دونم از این کد ها چطور استفاده کنم. از دوستان کسی کد java ش رو می دونه ؟

صادق صدقی
جمعه 05 آذر 1389, 01:00 صبح
یک راحه فوق العاده راحت و خوشگل
CSS
یک سورس واست گذاشتم
برو حالشو ببر

elham1611
جمعه 05 آذر 1389, 01:08 صبح
من دقیقا همین کا رو میخواستم انجام بدم که یکی از دوستان با سی شارپ کدشو به من داد توی همین فروم . چند تا پست قبلی من رو ببین پیداش میکنی

elham1611
جمعه 05 آذر 1389, 01:12 صبح
http://barnamenevis.org/forum/showthread.php?t=259439

ali_mnkt
جمعه 05 آذر 1389, 01:52 صبح
یک راحه فوق العاده راحت و خوشگل
CSS
یک سورس واست گذاشتم
برو حالشو ببر

مرسی دوست عزیز از راهنماییت اما توجه کن که من گفتم عکس imageButtom عوض شه نه Style اون واسه عوض شدن عکس چکاری باید کرد؟

ali_mnkt
جمعه 05 آذر 1389, 01:53 صبح
http://barnamenevis.org/forum/showthread.php?t=259439

مرسی از توجهت اما من می خوام که با mouseOver عکس ImageButtom عوض شه نه با کلیک شدن روش و postback شدن !!!!

majnun
جمعه 05 آذر 1389, 02:46 صبح
این کد چیزیه که شما میخوای :



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() {
document.getElementById('ImageButton1').src="Graphic12.jpg";
}

// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>

<asp:ImageButton ID="ImageButton1" onmouseover="return Button1_onclick()"
runat="server" Height="118px"
Width="163px" ImageUrl="~/Graphic1.jpg" />
</div>
</form>
</body>
</html>