Omid Jackson
پنج شنبه 14 شهریور 1392, 13:19 عصر
به کمک CSS و JS با onMouseOver onMouseOut میتونین این کار رو بکنین
با jQuery هم میتونین
<head>
<script>
function showMe() {
var cont = document.getElementById("container").style;
var txt = document.getElementById("text").style;
cont.backgroundColor = "#CCCCCC";
txt.visibility = "visible";
}
function hideMe() {
var cont = document.getElementById("container").style;
var txt = document.getElementById("text").style;
cont.backgroundColor = "transparent";
txt.visibility = "hidden";
}
</script>
<style>
#container {
width: 200px;
height: 300px;
padding: 25px;
border-radius: 10px;
}
#container #text {
margin-top: 20px;
width: 200px;
text-align: center;
margin-left: auto;
margin-right: auto;
visibility: hidden;
}
</style>
</head>
<body>
<div id="container" onMouseOut="hideMe();" onMouseOver="showMe();">
<img src="http://lta.ir/files/DellInspiron3521%20(10)_9.jpg"></img>
<div id="text">text</div>
</div>
</body>
این کد فقط برا راهنمایی بود
کد رو ببینین و کاری که دلتون میخواد رو انجام بدین