നിങ്ങളുടെ ബ്ലോഗിൽ JAVASCRIPT ഉപയോഗിച്ച് Mouse Over Text Box ഉണ്ടാക്കാം!

ബ്ലോഗിൽ പലപ്പോഴും എഴുതുമ്പോൾ അതിന്റെ വിശദീകരണങ്ങൾ മൌസ് കൊണ്ടുവന്നുവെക്കുമ്പോൾ കണ്ടാൽ എങ്ങനെയിർക്കും . പലർക്കും അത് ഒരു സഹായമാണ്.

താഴെ കൊടുത്തിരിക്കുന്ന അക്ഷരത്തിൽ മൌസ് കൊണ്ടുവന്നുവെക്കൂ

ഇവിടെ മൌസ് കൊണ്ടുവന്നുവെക്കൂ(ex:1)
ഏതാനും സെക്കൻഡ് കഴിഞ്ഞ് എടുക്കൂ


മൌസ് ഓവർ
ടെൿസ്റ്റ് ബോക്സിലേക്ക്
സ്വാഗതം.

ഇതിന് സഹായിച്ച
ജാവാസ്ക്രിപ്റ്റിന്
അഭിനന്ദനങ്ങൾ


javascript പഠിക്കൂ ; പരിശീലിക്കൂ

ഇത് നിങ്ങളുടെ ബ്ലോഗിൽ ലഭിക്കാനായി താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് കോപ്പി ചെയ്ത് പേസ്റ്റ് ചെയ്യുക .

അതിനായി താഴെ ക്ലിക്ക് ചെയ്താൽ എല്ലാം സെലക്ട് ആകും


<div class="code"><script type="text/javascript"> function ShowText(id) { document.getElementById(id).style.display = 'block'; } function HideText(id) { document.getElementById(id).style.display = 'none'; } </script> <style type="text/css"> <!-- .box { background-color: yellow; border: 5px solid blue; height: 200px; width: 200px; padding: 5px; } --> </style> <span onmouseover="ShowText('answer1'); return false;"><br /> ഇവിടെ മൌസ് വെക്കൂ</span> <span id="answer1" class="box" onmouseout="HideText('answer1'); return false;" style="display:none">മൌസ് ഓവർ ടെൿസ്റ്റ് ബോക്സിലേക്ക് <br />സ്വാഗതം.ഇവിടെ Background colour yellow ആണ് കൊടുത്തിരിക്കുന്നത്</span></p></div>
ഇവിടെ Background Color, Height , Width ,എന്നിവയിൽ വ്യത്യാസം വരുത്തി Textbox നെ ആകർഷകമാക്കാം .