സ്കോളിംഗ് ടെക്സ്റ്റ് Marquee

>> 26.11.10

ചില ബ്ലോഗുകളിൽ ടി.വി യിലെ ന്യൂസ് റീലുകൾ പോലെ വാചകങ്ങൾ ഒരറ്റത്തുനിന്ന് മറുവശത്തേക്ക് ഒഴുകിനീങ്ങുനത് കണ്ടിട്ടില്ലേ അതെങ്ങനെയാണ് ചെയ്യുന്നതെന്ന് പലരും ചോദിച്ചിട്ടുണ്ട്. Marquee എന്നൊരു കോഡ് ഉപയോഗിച്ചാണ് ഇത് സാധ്യമാക്കുന്നത്. ഇത്തരം കോഡുകൾഒരു എച്.ടി.എം. എൽ ജാവാ സ്ക്രിപ്റ്റ് ഗാഡ്ജറ്റ് ആയിട്ടാണ് ഇത് നിങ്ങളുടെ ബ്ലോഗിൽ ചേർക്കേണ്ടത്. എന്നറിയാമല്ലോ? ഈ ഗാഡ്ജറ്റ് നിങ്ങളുടെ ബ്ലോഗിൽ ചേർക്കേണ്ടതെങ്ങനെ എന്ന്  ഈ അധ്യായത്തിൽ വിവരിച്ചിട്ടുണ്ട്.

നിങ്ങളുടെ ബ്ലോഗിൽ എവിടെയാണോ സ്ക്രോളിംഗ് ടെക്സ്റ്റ് ചേർക്കേണ്ടത്, അവിടേക്ക് ഈ ഗാഡ്ജറ്റ് ആഡ് ചെയ്യുക. അഥവാ ഒരു പോസ്റ്റിനുള്ളിലാണ് ഇത് ചേർക്കേണ്ടതെങ്കിൽ പോസ്റ്റ് എഡിറ്റ് ചെയ്യുന്ന സ്ക്രീനിൽ Edit Html എന്ന ഓപ്ഷനിൽ നേരിട്ട് കോഡ് എഴുതിച്ചേർക്കാം.ഈ ഗാഡ്ജറ്റിന്റെ സ്ക്രീൻ ഷോട്ട് ഇവിടെ കൊടുക്കുന്നു. ടൈറ്റിൽ എന്ന ഭാഗത്ത് ഒന്നും എഴുതേണ്ടതില്ല.



ഈ ഗാഡ്ജറ്റിന്റെ Content എന്ന ഭാഗത്താണ് മാർക്യൂ കോഡുകൾ എഴുതിച്ചേർക്കേണ്ടത്. സ്ക്രോൾ ചെയ്യിക്കേണ്ട ടെക്സ്റ്റിന്റെ വിവിധ രൂപങ്ങൾ ഇനി പറയുന്നു. TEXT HERE എന്ന് എഴുതിയിരിക്കുന്ന ഭാഗത്ത് നിങ്ങൾ എഴുതാൻ ഉദ്ദേശിക്കുന്ന വരികൾ എഴുതിച്ചേർത്താൽ മതിയാകും. കോഡിലെ മാറ്റങ്ങൾക്കനുസരിച്ച് ലഭിക്കുന്ന റിസൽട്ട് ഓരോ കോഡിനും താഴെ നൽകിയിരിക്കുന്നു.


ഒരു ടെക്സ്റ്റ് വലത്തുനിന്നും ഇടത്തേക്ക് സ്ക്രോൾ ചെയ്യിക്കുന്നതിനു വേണ്ട കോഡ്
<marquee>TEXT HERE</marquee>
TEXT HERE

ഇടത്തുനിന്ന് വലത്തേക്ക് സ്ക്രോൾ ചെയ്യിക്കാൻ
<marquee direction="right">TEXT HERE </marquee>
TEXT HERE

സ്ക്രോൾ ചെയ്യുന്നതിന്റെ വേഗത മാറ്റണം എന്നുണ്ടോ? ഇനി പറയുന്ന മാറ്റം വരുത്തുക.
<marquee direction="right" ; scrollamount="1">TEXT HERE</marquee>
TEXT HERE
scrollamount എന്നതിനു ശേഷമുള്ള നമ്പർ അനുസരിച്ചാണ് സ്പീഡ് മാറുന്നത് എന്നു ശ്രദ്ധിക്കുക.

സ്ക്രോൾ ചെയ്യുന്ന ടെക്സ്റ്റ് അതിന്റെ ഫീൽഡിനുള്ളിൽ ഇരുവശത്തേക്കും പൊയ്ക്കൊണ്ടിരിക്കുവാൻ
<marquee behavior="alternate">TEXT HERE</marquee>
TEXT HERE

ടെക്സ്റ്റിന്റെ നിറം മാറ്റണോ? Red എന്നതിനു പകരം മറ്റു നിറങ്ങളും (അല്ലെങ്കിൽ നിറങ്ങളുടെ കോഡുകൾ) എഴുതാവുന്നതാണ്.
<marquee> <font color="red">TEXT HERE</marquee></font>
TEXT HERE

ടെക്സ്റ്റിന്റെ വലിപ്പവും രൂപവും മാറ്റുന്നതിന്
<marquee direction="right"><font color="red" ; face="impact" ; size="8" >TEXT HERE
</marquee></font>
TEXT HERE


ടെക്സ്റ്റിനെ ബ്ലിങ്ക് ചെയ്യിക്കണോ? ഇനി പറയുന്ന മാറ്റം കോഡിൽ എഴുതൂ.
<marquee direction="left"><font color="green" ; face="arial" ; size="3" ><blink>TEXT HERE</blink></font></marquee>
TEXT HERE


10 അഭിപ്രായങ്ങള്‍:

  1. Kalavallabhan 27 November 2010 at 08:50  

    വളരെ നല്ലത്.
    ഇനിചെയ്തുനോക്കണം.

  2. കാഡ് ഉപയോക്താവ് 27 November 2010 at 09:20  

    ചെയ്തു നോക്കാം. നന്ദി.

    ഗണിതം പഠിക്കാനും പഠിപ്പിക്കാനും... GeoGebra_Malayalam Video Tips

  3. സുലേഖ 27 November 2010 at 11:08  

    ചെയ്തു നോക്കി .നന്ദി.

  4. Noushad Vadakkel 27 November 2010 at 19:49  

    ബ്ലോഗില്‍ ഞാന്‍ പരീക്ഷിച്ച ചില സ്ക്രോളിംഗ് വേലകള്‍ ഇവിടെ വായിക്കാം

  5. ലുട്ടു 27 November 2010 at 20:58  

    useful info, thanks for sharing

  6. ismail chemmad 28 November 2010 at 14:57  

    അടിയില്‍ നിന്നും മുകളിലേക്ക് വരാന്‍ ?

  7. ലുട്ടു 29 November 2010 at 10:33  

    @ismail chemmad
    <marquee direction="up">TEXT HERE </marquee>

    direction="right"
    direction="left"
    direction="up"

    എന്നതിലാണ്‌ കളി

  8. Hemanth Jijo 2 November 2011 at 05:51  

    verygood ilikeit

  9. Haris Muhammed 1 September 2012 at 15:34  

    എനിക്ക് സ്ക്രോളിംഗ് ശരിയായി ....

  10. Haris Muhammed 1 September 2012 at 15:34  

    എനിക്ക് സ്ക്രോളിംഗ് ശരിയായി ....

Copyright:

Copyright of this blog and its contents is reserved. Copying contents of this blog is not permitted without prior written permission of its owner.Fore more information please check the Terms of Use and Privacy Policy

  © Blogger templates Sunset by Ourblogtemplates.com 2008

Back to TOP