تغییر عکس پیش زمینه با هاور و کلیک یک لینک [بایگانی]

Onix.Net

سه شنبه 31 تیر 1393, 09:19 صبح

سلام

یه دایو دارم که یه عکس پیش زمینه داره و لینک هم توش نوشته شده،
میخوام وقتی روی لینک هاور یا کلیک میشه ، عکس پیش زمینه داخل دایو دارنده لینک تغییر کنه
کد مربوطه رو میشه برام بنویسید؟
مرسی

اینو نوشتم ولی کار نمیکرد! :

<script>
jQuery('#link').hover(function()
{
jQuery('#menu').css("background-image", "url(../images/viol.jpg)"); })
.mouseleave(function(){ jQuery('#container').css("background-image", "../images/menu_bg.jpg)"); });

</script>

Salimjavahery

سه شنبه 31 تیر 1393, 09:47 صبح

سلام :)

ببین این به کارت میاد:

<!DOCTYPE html>
<head>
<title></title>
<style type="text/css">
#myDiv{background:url(1.png) no-repeat;width:500px; height:500px;}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('a#Change').hover(function () {
$('div#myDiv').css('background','url(2.png)');
});
$('a#Change').mouseleave(function () {
$('div#myDiv').css('background','url(1.png)');
});
});
</script>
</head>
<body>
<div id="myDiv">
<a id="Change" href="#">Change</a>
</div>
</body>
</html>