Member Avatar for Smita Godase

Hi, I have created a news block which has autoscrolling text using marquee tag. I have also created an event onmouseover scrolling text should stop. Now I want it like when text stops scrolling a scrollbar should appear n we could read the previous or next news by scrolling text using scrollbar. Can anyone help me?

  • 2 Contributors
  • 5 Replies
  • 185 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by Smita Godase
Member Avatar for urtrivedi

you can use jquery for it. Scroll bar doesnot look good option, rather you can set button or linke for next or previous kind of navigation

Member Avatar for Smita Godase

can u plz help me with the code?

Member Avatar for urtrivedi

what have you tried so far?

post it here

Member Avatar for Smita Godase 
<fieldset width="96%" class="T_Border">
            <legend font-size:10px class="theading2">News</legend>
              <div >
                <table width="98%" height="195px" cellpadding="0" cellspacing="0" border="0" >
                 <tr>
                 <td>
                 <marquee height=190 id="scrollnews" direction="up" scrollamount="2">
                  <div  style="height:190px" onMouseOver="document.getElementById('scrollnews').stop();" onMouseOut="document.getElementById('scrollnews').start();">
                      <table height="160px" width="99%" border="0"  cellpadding="0" cellspacing="0"  align="left" >

                        <% int rowCnt3=1;%>
                        <c:forEach var="dispnews"  items="${NewsInfo}">

                        <tr height="1px">
                        <td  height="1px" class="cell1h" align="left"><c:out value="${dispnews.fnewsStartDate}"/> </td>
                        <input type="hidden" id="newsstartdateTD<%=rowCnt3%>" name="newsstartdateTD<%=rowCnt3%>" value="${dispnews.fnewsStartDate}">
                        </tr>                                        
                        <tr height="1px">
                        <td  height="1px" class="cell1h" align="left"><c:out value="${dispnews.fnewsTitle}"/> </td>
                        <input type="hidden" id="newstitleTD<%=rowCnt3%>" name="newstitleTD<%=rowCnt3%>" value="${dispnews.fnewsTitle}">
                        </tr>
                        <tr>
                        <td  class="cell2h" align="left"><c:out value="${dispnews.fnewsDescription}"/> </td>
                        <input type="hidden" id="newsdescriptionTD<%=rowCnt3%>" name="newsdescriptionTD<%=rowCnt3%>" value="${dispnews.fnewsDescription}">
                        </tr>

                        <tr><td>&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>

                              <% rowCnt3++; %>   
                              </c:forEach>
                       <tr>
                        <td align="right" class="cell1h">
                          <span  onClick="morenewspopup();"> 
                             <a href="#">...more</a>
                          </span>            
                        </td>                        
                       </tr>

                      </table>
                      </div>
                      </marquee>
                      </td>
                      </tr>
                      </table>               
        </div>
      </fieldset>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.