رفتن به مطلب
silver21

کد بستن تبلیغات

پست های پیشنهاد شده

یکم بیشتر توضیح بدید یعنی میخواهید یک دکمه وجود داشته باشه وقتی که کاربر روش کلیک میکنه تبلیغات بسته بشه ؟؟ خوب اینو که میشه با CSS به راحتی درست کرد البته کیفیتش به خوبی جی کوئری شاید نباشه ولی کار راه اندازه !!!

اینم روشش به صورت CSS :


.close-btn:active {
display:none;

}

روش کلی اون به این صورت هستش . دیگه ساخت دکمه اون به عهده خودتون فقط کافیه یک btn بسازید و این کلاس رو بهش بدید .

از جی کوئری هم میتونید استفاده کنید و که افکت های مختلفی هم در اختیارتون میذاره .


$(document) .ready(function()


$(".btn").click(function()

{
$(".ads").hide(500);


});
});

اگر باز هم نتونستید به خوبی متوجه بشید بگید تا بیشتر راهنمایتون کنم .

ویرایش شده توسط RapiD AM

به اشتراک گذاری این ارسال


لینک به ارسال


.close-btn:active {
display:none;
}

- اگه با CSS بشه که عالیه؛ بیشتر hover رو میشناسم / active میدم با پایین دادن کلیک موس بسته (مخفی) و کلیکو بردارم دوباره به حالت اولیه در میاد! احتمالا روش استفاده از active رو بلد نیستم.

post-1826-0-27138300-1396942887_thumb.jp

ویرایش شده توسط silver21

به اشتراک گذاری این ارسال


لینک به ارسال


.close-btn:active {
display:none;
}

- اگه با CSS بشه که عالیه؛ بیشتر hover رو میشناسم / active میدم با پایین دادن کلیک موس بسته (مخفی) و کلیکو بردارم دوباره به حالت اولیه در میاد! احتمالا روش استفاده از active رو بلد نیستم.

post-1826-0-27138300-1396942887_thumb.jp

از سلکتور focus استفاده کنید


.close-btn:focus {
display:none;
}

ویرایش شده توسط RapiD AM

به اشتراک گذاری این ارسال


لینک به ارسال

استفاده از focus رو برای کادر متنی میدونم اما برای این مورد نمیدونم چجوری بکار بگیرم! یعنی تابحال به این روش جایی ندیدم؛ لطفا با کد CSS و HTML مثال بزنید.

این html:


<div class="moo">
<a target="_blank" href="">
<img src="http://forum.wp-parsi.com/uploads/profile/photo-1826.jpg?_r=1369907510">
</img>
</a>
</div>

css عملی نداره


.moo:focus {
display:none;
}

ویرایش شده توسط silver21

به اشتراک گذاری این ارسال


لینک به ارسال

استفاده از focus رو برای کادر متنی میدونم اما برای این مورد نمیدونم چجوری بکار بگیرم! یعنی تابحال به این روش جایی ندیدم؛ لطفا با کد CSS و HTML مثال بزنید.

این html:


<div class="moo">
<a target="_blank" href="">
<img src="http://forum.wp-parsi.com/uploads/profile/photo-1826.jpg?_r=1369907510">
</img>
</a>
</div>

css عملی نداره


.moo:focus {
display:none;
}

خوب شما از جی کوئری استفاده کنید کاری که نداره فقط یک لینک کتابخانه جی کوئری رو به سایتتون متصل کنید و از کد زیر استفاده کنید که حرفه ایی تر هم هست


$(document) .ready(function()

$(".btn").click(function()
{
$(".ads").hide(500);

});
});

اینجا تعریف شده که که وقتی روی کلاس btn کلیک شد باکس ads مخفی بشه ! به همین راحتی ! این کد رو در <script></script> قرار بدید و در head قالب بگذارید .

ویرایش شده توسط RapiD AM

به اشتراک گذاری این ارسال


لینک به ارسال

تأیید می کنید! بعد کلی گشت و گذار ، کد صحیح :


$(document) .ready(function() {

$(".btn").click(function() {
$(".ads").hide(500);
});

});

توضیحات اضافه برای استفاده برخی دوستان: این هم باید قبلش اضافه کنید (کتابخانه جی کوئری)


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

در توضیح کد: یه کلاس اضافه می کنید به نام .btn که در واقع چیزی هست که روش کلیک می کنید و کلاس .ads با توجه به 500 ، با تاخیر ناپدید میشه.

ویرایش شده توسط silver21

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...