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

متحرک سازی با W3

در این آموزش نحوه استفاده از Toggle را در جاوا اسکریپت W3 خواهیم آموخت با ما همراه باشید.

متحرک سازی با W3

تغییر وضعیت بین مشاهد و عدم مشاهده المان ها

تغییر وضعیت المان با کمک ID

تغییر وضعیت بین مشاهده و عدم مشاهده المان ها با id="London" :

مثال:

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>

مشاهده نتیجه

تغییر وضعیت با نام المان

تغییر وضعیت همه المان های <h2> :

مثال:

<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>

مشاهده نتیجه

تغییر وضعیت المان با کمک نام کلاس المان

تغییر وضعیت المان هایی که دارای class="city" :

مثال:

<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>

مشاهده نتیجه

تهیه و تنظیم توسط شرکت طراحی سایت سارگون با ما در تماس باشید

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