گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/03/29 - 11:03
كد :7650

آموزش طراحی سایت مخفی کردن با W3

در این آموزش نحوه مخفی کردن تگ ها در جاوا اسکریپت W3 را مطالعه خواهیم کرد.

آموزش طراحی سایت مخفی کردن با W3

مخفی کردن عناصر در جاوا اسکریپ W3

به کد زیر نگاه کنید:

w3.hide(selector)

اگر به آموزش نحوه اعمال افکت به المان ها در W3.JS مراجعه کنید نحوه تعریف selector ها را خواهید دید .

برای مخفی کردن یک المان  میتوان نام آن المان و یا id خاص آن و یا حتی با Class عنصر آنرا مخفی کرد.

در مثال زیر ما عنصری که داری id="London" بود را مخفی کرده ایم.

مثال

<button onclick="w3.hide('#London')">Hide</button>

مشاده نتیجه

مخفی کردن عنصر یا المان با استفاده از نام المان

در مثال زیر ما عنصری را با نام آن مخفی کرده ایم یاداوری میشود که برای مخفی کردن عنصر نام آن را بدون علامت های بزرگتر و کوچکتر باید تایپ کنید.

در مثال زیر ما عنصر <h2> را در تمام سند مخفی کرده ایم.

مثال

<button onclick="w3.hide('h2')">Hide</button>

مشاهده نتیجه

مخفی کردن یک عنصر با استفاده از نام کلاس

برای مخفی کردن عنصر میتوانید از نام کلاس با یک پسوند دات استفاده کنید:

در مثال زیر ما المانی را که کلاس class="city" داشت را مخفی کرده ایم:

 

<button onclick="w3.hide('.city')">Hide</button>

مشاهده نتیجه

 

شرکت طراحی سایت سارگون مجری تخصصی طراحی سایت با ما تماس بگیرید.

 

نظرات كاربران :
نام :
ايميل :
متن نظر : * 
 
متن بالا را وارد نماييد*