»
EnglishFrenchVietnamese

Print - Dynamic News Menu - JavaScriptBank.com

Full version: jsB@nk » Menu » Floatable » Dynamic News Menu
URL: http://www.javascriptbank.com/dynamic-news-menu-index.html

Dynamic News Menu © JavaScriptBank.comThe effect makes the news messages which they move from bottom to top with 2 type. You can choose 1 or 2 to display your own news.

Full version: jsB@nk » Menu » Floatable » Dynamic News Menu
URL: http://www.javascriptbank.com/dynamic-news-menu-index.html



CSS
<LINK  href="Main.css" type=text/css rel=stylesheet><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=javascript src="rotatorDOM.js"></SCRIPT>                  <SCRIPT language=JavaScript src="script.js"></SCRIPT>                  <SCRIPT language=JavaScript src="script2.js"></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="382">  <tr>    <td width="31%" height="382">    <TABLE cellSpacing=0 width="100" border=0>                    <TBODY>                    <TR>                      <TD height=4></TD></TR>                    <TR vAlign=top>                      <TD class=Frame>                        <TABLE id=_ctl3_dm_MTTable cellSpacing=0 cellPadding=0 width="100%" border=0>                          <TBODY>                          <TR>                            <TD class=XPBarBg height=20><!--mid=69-->Thông báo</TD>                            </TR></TBODY></TABLE>                        <TABLE height=250 cellSpacing=0 cellPadding=0 width=140                         border=0>                          <TBODY>                          <TR>                            <TD class=frame>                              <DIV class=Rotator id=Rotator_69                               onmouseover="ie_MsOver(this, lth_Rotator_69);"                               style="OVERFLOW: hidden; WIDTH: 140px; HEIGHT: 250px"                               onmouseout="ie_MsOut(this, lth_Rotator_69);">                              <DIV id=Rotator_69_SlideContainer                               style="VISIBILITY: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: 100%">                              <DIV id=Rotator_69_slide0>                              <TABLE                               onmouseup="this.className='RotatorItemOver';"                               class=NewsItem                               onmousedown="this.className='RotatorItemDown';"                               onmouseover="this.className='RotatorItemOver';"                               onclick="document.location='#'"                               onmouseout="this.className='RotatorItem';"                               cellSpacing=0 cellPadding=4 border=0>                                <TBODY>                                <TR>                                <TD><SPAN class=RotatorTitle></SPAN><BR>                                <span class="NormalSmall">Thông báo 1</span><p>                                <span class="NormalSmall">                                http://JavaScriptBank.com</span></TD></TR></TBODY></TABLE></DIV>                              <DIV id=Rotator_69_slide1>                              <TABLE                               onmouseup="this.className='RotatorItemOver';"                               class=NewsItem                               onmousedown="this.className='RotatorItemDown';"                               onmouseover="this.className='RotatorItemOver';"                               onclick="document.location='#'"                               onmouseout="this.className='RotatorItem';"                               cellSpacing=0 cellPadding=4 border=0>                                <TBODY>                                <TR>                                <TD>                                <p dir="ltr"><SPAN class=RotatorTitle></SPAN><BR>                                <span class="NormalSmall">Thông báo 2</span></p>                                <p><span class="NormalSmall">                                http://JavaScriptBank.com</span></TD></TR></TBODY></TABLE></DIV>                              <DIV id=Rotator_69_slide2>                              <TABLE                               onmouseup="this.className='RotatorItemOver';"                               class=NewsItem                               onmousedown="this.className='RotatorItemDown';"                               onmouseover="this.className='RotatorItemOver';"                               onclick="document.location='#'"                               onmouseout="this.className='RotatorItem';"                               cellSpacing=0 cellPadding=4 border=0>                                <TBODY>                                <TR>                                <TD><SPAN class=RotatorTitle></SPAN><BR>                                <span class="NormalSmall">Thông báo 3</span><p>                                <span class="NormalSmall">                                http://JavaScriptBank.com</span></TD></TR></TBODY></TABLE></DIV>                              </DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>                              </td>    <td width="69%" height="382">    <TABLE cellSpacing=0 width="1" border=0 height="281">                    <TBODY>                    <TR vAlign=top>                      <TD class=Frame width="151" height="225">                        <TABLE id=_ctl7_dm_MTTable cellSpacing=0 cellPadding=0 width="149" border=0>                          <TBODY>                          <TR>                            <TD class=XPBarBg height=20 width="149"><!--mid=72-->                            Thông báo</TD>                            </TR>    <TABLE height=250 cellSpacing=0 cellPadding=0 width=52                         border=0>                          <TBODY>                          <TR>                            <TD class=frame width="174">                              <DIV class=Rotator id=Rotator_72                               onmouseover="ie_MsOver(this, lth_Rotator_72);"                               style="OVERFLOW: hidden; WIDTH: 140px; HEIGHT: 250px"                               onmouseout="ie_MsOut(this, lth_Rotator_72);">                              <DIV id=Rotator_72_SlideContainer                               style="VISIBILITY: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: 100%">                              <DIV id=Rotator_72_slide0>                              <TABLE                               onmouseup="this.className='RotatorItemOver';"                               class=NewsItem                               onmousedown="this.className='RotatorItemDown';"                               onmouseover="this.className='RotatorItemOver';"                               onclick="document.location='#'"                               onmouseout="this.className='RotatorItem';"                               cellSpacing=0 cellPadding=4 border=0>                                <TBODY>                                <TR>                                <TD><SPAN class=RotatorTitle></SPAN><BR>                                <span class="NormalSmall">Thông báo 4</span><p>                                <span class="NormalSmall">                                http://JavaScriptBank.com</span></TD></TR></TBODY></TABLE></DIV>                              <DIV id=Rotator_72_slide1>                              <TABLE                               onmouseup="this.className='RotatorItemOver';"                               class=NewsItem                               onmousedown="this.className='RotatorItemDown';"                               onmouseover="this.className='RotatorItemOver';"                               onclick="document.location='#'"                               onmouseout="this.className='RotatorItem';"                               cellSpacing=0 cellPadding=4 border=0>                                <TBODY>                                <TR>                                <TD><SPAN class=RotatorTitle></SPAN><BR>                                <span class="NormalSmall">Thông báo 5</span><p>                                <span class="NormalSmall">                                http://JavaScriptBank.com</span></TD></TR></TBODY></TABLE></DIV>                              <DIV id=Rotator_72_slide2>                              <TABLE                               onmouseup="this.className='RotatorItemOver';"                               class=NewsItem                               onmousedown="this.className='RotatorItemDown';"                               onmouseover="this.className='RotatorItemOver';"                               onclick="document.location='#'"                               onmouseout="this.className='RotatorItem';"                               cellSpacing=0 cellPadding=4 border=0 width="107">                                <TBODY>                                <TR>                                <TD width="158"><SPAN class=RotatorTitle></SPAN><BR>                                <span class="NormalSmall">Thông báo 6</span><p>                                <span class="NormalSmall">                                http://JavaScriptBank.com</span></TD></TR></TBODY></TABLE></DIV>                              </DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>                              </td>  </tr></table><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/menu/Dynamic_News_Menu/Main.csshttp://javascriptbank.com/javascript/menu/Dynamic_News_Menu/rotatorDOM.jshttp://javascriptbank.com/javascript/menu/Dynamic_News_Menu/script.jshttp://javascriptbank.com/javascript/menu/Dynamic_News_Menu/script2.js