خیلی خیلی ممنون ببخشید سوالام زیاد شد
من این کد رو با animate پیاده سازی کردم و جواب گرفتم ولی حالا یه مشکل دارم من یه div گذاشتم که سر تا سر صفحه رو میپوشونه با visible :hidden وقتی میخوام با انیمیشن تا 50 درصد opacity برم هیچ چی نمیاره تو صفحه باید چی کار کنم؟
اینم کدیه که براش نوشتم.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#aryo").click(function () {
alert();
$("#alla").removeAttr();
$("#alla").fadeTo("normal", 1);
});
});
</script>
<div id="alla"
style="filter:alpha(opacity=0); -moz-opacity:0; position: absolute; width: 100%; height: 100%; top: 0%; bottom: 0%; right: 0%; left: 0%; background-color: #000000;">
<div id="show"
style="background-color: #ffffff; width: 39%; height: 88%; position: absolute; top: 6%; left: 31%; right: 30%; bottom: 6%;">
<style type="text/css">
#Image_G
{
margin:10px;
height: 370px;
width: 500px;
}
#menu_G
{
height: 101px;
text-align: center;
width: 522px;
}
</style>
<script type="text/javascript">
var add = "123#@";
// ********************************* IMG1 ********************************************
$(document).ready(function () {
$("#img1").mouseover(function () {
$(this).fadeTo("fast", 1);
});
});
$(document).ready(function () {
$("#img1").mouseout(function () {
$(this).animate({
opacity: 0.4
}, "fast");
});
});
$(document).ready(function () {
$("#img1").click(function () {
$("#img10").fadeTo("slow", 0, function () { $("#img10").attr({ src: "Projects/" + add + "/1.jpg" }); });
$("#img10").fadeTo("slow", 1);
});
});
//************************************************** *******************************************
// ********************************* IMG2 ********************************************
$(document).ready(function () {
$("#img2").mouseover(function () {
$(this).fadeTo("fast", 1);
});
});
$(document).ready(function () {
$("#img2").mouseout(function () {
$(this).animate({
opacity: 0.4
}, "fast");
});
});
$(document).ready(function () {
$("#img2").click(function () {
$("#img10").fadeTo("slow", 0, function () { $("#img10").attr({ src: "Projects/" + add + "/2.jpg" }); });
$("#img10").fadeTo("slow", 1);
});
});
//************************************************** *******************************************
// ********************************* IMG3 ********************************************
$(document).ready(function () {
$("#img3").mouseover(function () {
$(this).fadeTo("fast", 1);
});
});
$(document).ready(function () {
$("#img3").mouseout(function () {
$(this).animate({
opacity: 0.4
}, "fast");
});
});
$(document).ready(function () {
$("#img3").click(function () {
$("#img10").fadeTo("slow", 0, function () { $("#img10").attr({ src: "Projects/" + add + "/3.jpg" }); });
$("#img10").fadeTo("slow", 1);
});
});
//************************************************** *******************************************
// ********************************* IMG4 ********************************************
$(document).ready(function () {
$("#img4").mouseover(function () {
$(this).fadeTo("fast", 1);
});
});
$(document).ready(function () {
$("#img4").mouseout(function () {
$(this).animate({
opacity: 0.4
}, "fast");
});
});
$(document).ready(function () {
$("#img4").click(function () {
$("#img10").fadeTo("slow", 0, function () { $("#img10").attr({ src: "Projects/" + add + "/4.jpg" }); });
$("#img10").fadeTo("slow", 1);
});
});
//************************************************** *******************************************
// ********************************* IMG5 ********************************************
$(document).ready(function () {
$("#img5").mouseover(function () {
$(this).fadeTo("fast", 1);
});
});
$(document).ready(function () {
$("#img5").mouseout(function () {
$(this).animate({
opacity: 0.4
}, "fast");
});
});
$(document).ready(function () {
$("#img5").click(function () {
$("#img10").fadeTo("slow", 0, function () { $("#img10").attr({ src: "Projects/" + add + "/5.jpg" }); });
$("#img10").fadeTo("slow", 1);
});
});
$(document).ready(function () {
$("#alla").click(function () {
$(this).fadeTo("fast", 0, function () { $(this).attr({ visibility: 'hidden' }); });
});
});
//************************************************** *******************************************
</script>
بازم ممنون که پاسخ دادید.