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

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

ഇവിടെ മൌസ് കൊണ്ടുവന്നുവെക്കൂ(ex:1)
ഏതാനും സെക്കൻഡ് കഴിഞ്ഞ് എടുക്കൂ മൌസ് ഓവർ
ടെൿസ്റ്റ് ബോക്സിലേക്ക് സ്വാഗതം.
ഇതിന് സഹായിച്ച
ജാവാസ്ക്രിപ്റ്റിന്
അഭിനന്ദനങ്ങൾ

ഇത് നിങ്ങളുടെ ബ്ലോഗിൽ ലഭിക്കാനായി താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് കോപ്പി ചെയ്ത് പേസ്റ്റ് ചെയ്യുക .
അതിനായി താഴെ ക്ലിക്ക് ചെയ്താൽ എല്ലാം സെലക്ട് ആകും <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;" > ഇവിടെ മൌസ് വെക്കൂ </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 നെ ആകർഷകമാക്കാം .

/
Click Here to view another example