CSS සහ JavaScript සමඟ පෙළ හෝ පින්තූර පෙන්වන්න සහ සඟවන්න

ඔබගේ වෙබ් අඩවිවල යෙදුම් විලාසිතා අත්දැකීමක් සාදන්න

ඩිජික් HTML (DHTML) මඟින් ඔබගේ වෙබ් අඩවි වල යෙදුම්-විලාසිතා අත්දැකීමක් නිර්මාණය කිරීමට, සම්පූර්ණ පිටු සම්පූර්ණයෙන් පටවනු ඇති සංඛ්යාතය අඩු කිරීම. යෙදුම්වලදී, යමක් මත ක්ලික් කළ විට, යෙදුම වහාම නිශ්චිත අන්තර්ගතය පෙන්වීමට හෝ ඔබගේ පිළිතුර ඔබට සැපයීමට ක්ෂණිකව වෙනස් වේ.

ඊට ප්රතිවිරුද්ධව, වෙබ් පිටු සාමාන්යයෙන් නැවත පූරණය කළ යුතු වේ, හෝ සම්පූර්ණ නව පිටුවක් පැටවිය යුතු වේ. මෙය පරිශීලකයන්ගේ අත්දැකීම් වඩාත් විසන්ධි විය හැකිය. ඔබේ ගනුදෙනුකරුවන්ට පැටවීමට ප්රථම පිටුව බලා සිටීමට සහ පසුව දෙවන පිටුවට පැටවීම සඳහා නැවත රැඳී සිටීමට සිදු වේ.

& Lt; div & gt; නරඹන්නන්ගේ අත්දැකීම් වැඩිදියුණු කිරීම

DHTML භාවිතා කිරීම, මෙම අත්දැකීම් වැඩිදියුණු කිරීමේ පහසුම ක්රමයක් නම්, එය ඉල්ලා සිටින විට අන්තර්ගතය ප්රදර්ශනය කිරීම සඳහා ඩිජිටල් ටයිප් කිරීම සහ අක්රිය කිරීම. Div Element ඔබේ වෙබ්පිටුවේ තර්කාන්විත බෙදීම් නිර්වචනය කරයි. අංශක, සිරස්තල, සබැඳි, පින්තූර සහ වෙනත් කුරුල්ලන් අඩංගු කොටුවක් ලෙස සිතන්න.

ඔබට අවශ්ය වනු ඇත

ටොගලයක් සැකසීමට සහ අක්රිය කළ හැකි වන පරිදි නිර්මාණය කිරීම සඳහා, ඔබට පහත සඳහන් දෑ අවශ්ය වේ:

පාලක ලින්ක්

පාලක සම්බන්ධතාවය ඉතාම පහසු කොටසකි. ඔබ තවත් පිටුවකට සමාන සම්බන්ධතාවක් සාදන්න. දැන්, href ගුණය හිස්ව තබන්න.

HTML ඉගෙන ගන්න

ඔබේ වෙබ්පිටුවේ ඕනෑම තැනක තබන්න.

පෙන්වන්න සහ සඟවන්න

පෙන්වීමට හා සැඟවීමට අවශ්ය වන වින්යාසය සාදන්න. ඔබේ div එකට අනන්ය වූ හැඳුනුමක් ඇති බවට වග බලා ගන්න. උදාහරණයේදී, අනන්ය ID යනු HTML ඉගෙන ගනී .

මෙය අන්තර්ගත තීරුවකි. මෙම පැහැදිලි කිරීම සඳහා හැර එය හිස්ව හැරෙයි. වම් පැත්තෙහි ඇති නාවික තීරුව තුළ ඔබට ඉගෙන ගත යුතු දේ තෝරන්න.

ඉගෙන ගන්න HTML
  • නිදහස් HTML පන්තිය
  • HTML මාර්ගෝපදේශය >
  • XHTML යනු කුමක්ද?

    CSS දර්ශනය සහ සඟවන්න

    CSS එක සඳහා පන්ති දෙකක් සාදන්න: එය div එක සඟවා තැබීම සඳහා සහ තවත් එකක් පෙන්වන්න. මේ සඳහා ඔබට විකල්ප දෙකක් තිබේ: විදහා දැක්වීම සහ දෘශ්යතාව.

    සංදර්ශකය පිටු ප්රවාහයෙන් ඉවත් කිරීම දර්ශනය ඉවත් කරයි, සහ පෙනුම හුදෙක් එය පෙනෙන ආකාරය වෙනස් කරයි. සමහර කෝඩර්ස් ප්රදර්ශනය කිරීමට කැමැත්තක් දක්වයි. උදාහරණයක් වශයෙන්:

    .සංදර්ශනය: කිසිවක් නැත; }. අනාරක්ෂිත {ප්රදර්ශනය: බ්ලොක්; }}

    ඔබට දෘශ්යතාව භාවිතා කිරීමට අවශ්ය නම්, එම පංති වෙනස් කරන්න:

    සඟවන්න. } පෙනුම {vidibility: visible; }}

    ඔබගේ div වෙත සැඟවුණු පංතිය එක් කරන්න: එය පිටුව මත සඟවා තැබීමට පටන් ගනී.

    class = "සඟවා" >

    එය ක්රියාත්මක කිරීමට ජාවාස්ක්රිප්ට්

    මෙම විධාන සියල්ලම ඔබගේ div එකේ ඇති වර්තමාන පංතියේ පෙනුම දෙස බලා එය එය සැඟවුනු හෝ සැඟවුනක් ලෙස සලකනු ලැබුවහොත් එයට සවන්දීමට ඉඩ තිබේ.

    මෙය ජාවාස්ක්රිප්ට් කිහිපයකින් පමණි. ඔබගේ HTML ලේඛනයේ හිසෙහි පහත දැක්වෙන (header tag ට පෙර: