نمایش و مخفی کردن متن یا تصاویر با CSS و جاوا اسکریپت

یک تجربه کاربردی در وب سایت خود ایجاد کنید

HTML پویا (DHTML) به شما امکان می دهد یک تجربه کاربردی در وب سایت های خود ایجاد کنید، که فرکانس کل صفحات را به طور کامل بارگذاری می کند. در برنامه های کاربردی، هنگامی که شما بر روی چیزی کلیک می کنید، برنامه بلافاصله برای نشان دادن محتوای خاص نمایش داده می شود و یا پاسخ شما را فراهم می کند.

در مقابل، صفحات وب به طور معمول باید بارگیری شوند، یا یک صفحه کل جدید باید بارگیری شود. این می تواند تجربه کاربر را بیش از حد جدا کند. مشتریان شما باید صبر کنید تا صفحه اول بارگیری شوند و سپس برای دومین بار برای بارگذاری منتظر بمانید و غیره.

با استفاده از & lt؛ div & gt؛ برای بهبود تجربه بیننده

با استفاده از DHTML، یکی از ساده ترین راه هایی برای بهبود این تجربه این است که عناصر div را در هنگام خاموش بودن برای نمایش محتویات فعال و غیرفعال کنید. عنصر div، تقسیم منطقی را در صفحه وب شما تعریف می کند. یک div را به عنوان جعبه ای که ممکن است حاوی پاراگراف ها، عنوان ها، لینک ها، تصاویر و حتی دیگر div ها باشد، در نظر بگیرید.

آنچه شما نیاز دارید

برای ایجاد یک div که می تواند بر روی و خاموش باشد، شما نیاز به موارد زیر است:

• یک لینک برای کنترل div با روشن کردن و خاموش کردن آن هنگام کلیک
• دیو برای نشان دادن و پنهان کردن
• CSS به سبک div مخفی یا قابل مشاهده است
• جاوا اسکریپت برای اجرای عمل

لینک کنترل

لینک کنترل ساده ترین بخش است. به سادگی یک لینک مانند شما را به یک صفحه دیگر ایجاد کنید. در حال حاضر، ویژگی href را خالی بگذارید.

یادگیری HTML

محل آن را در هر نقطه از صفحه وب خود قرار دهید.

دیو برای نمایش و مخفی کردن

عنصر div را که می خواهید نشان دهید و پنهان کنید، ایجاد کنید. اطمینان حاصل کنید که div شما یک شناسه منحصر به فرد در آن دارد. در مثال، شناسه منحصر به فرد، یادگیری HTML است .