滚动公告版

        <tr>
          <td height="120" align="center" background="/pic/broker/callboard_bg.jpg">
<%
   BulletinInfo[] bi = BulletinInfoController.selectByIsShowed("1");
   if (bi!=null&&bi.length<1)
   {
%> 
    暂时没有最新公告
<%
   }
   else if (bi!=null&&bi.length>0)  
   {
%>           
         <marquee direction=up height=110 οnmοuseοut=start(); οnmοuseοver=stop(); scrolltop=0 scrollleft=10 scrollDelay=250>
              <table width="150" border="0" align="center" cellpadding="0" cellspacing="0">     
<%
  
   for (int i=0; bi!=null&&i<bi.length;i++)
   {
%>
                  <tr>
                    <td width="150" height="20">
                    <a alt="<%=bi[i].getTitle()%>" style="CURSOR: hand" onClick="window.open('BulletinInfoDetail.jsp?id=<%=bi[i].getId()%>','fastlink','scrollbars=yes,resizable=yes,width=778,height=600,top=0,left=0');">
                    <!--a href="BulletinInfoDetail.jsp?id=<%=bi[i].getId()%>"-->
                    ·<%=bi[i].getTitle()%>
                    </a></td>
                  </tr>
<%
   }
%>                 
              </table>
            </marquee> 
<%
   }
%>           
   </td>
        </tr>

 

 


跑马灯

<%
 String condition = " label<>1 and enddate>sysdate";
 int secondMenuCount = 0;
%>
<table width="100%" height="31" border="0" align="center" cellpadding="0" cellspacing="0" background="/pic/share/<%=picPath%>/2ndmenu_bg.jpg">
  <tr>
    <td width="200"><marquee οnmοuseοver=this.scrollDelay=10000 οnmοuseοut=this.scrollDelay=150 scrollDelay=300><%
 com.css.roadshow.model.RoadShow[] nowroadshow =  com.css.roadshow.model.RoadShowController.selectByCon(condition);
 //System.out.println("nowroadshowlen="+nowroadshow.length);
  for(int i = 0;i<nowroadshow.length;i++)
  {
  %>
  <a href="<%=nowroadshow[i].getContent()%>" target="_blank"><%=nowroadshow[i].getTitle()%>
 
  <%="("+((""+nowroadshow[i].getInputdate()).equals("null")?"":(nowroadshow[i].getInputdate().toString()).substring(0,10))+")"%></a>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <%
  }
 %></marquee></td> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp是一款基于Vue的跨平台应用框架,它可以用于开发各种应用程序,包括网页、手机App等。在Uniapp中实现滚动公告的功能可以通过使用组件和插件来实现。 首先,可以使用uni-notice-bar组件来创建滚动公告。该组件可以显示一条跑马灯效果的公告,可以在页面的顶部或底部固定显示。通过设置组件的属性,可以调整公告的样式、文字内容、滚动速度等。 除此之外,还可以使用插件来实现更复杂的滚动公告效果。例如,使用swiper插件可以创建一个带有多条公告的轮播图,通过设置不同的公告内容和样式,实现多个滚动公告之间的切换效果。 要实现滚动公告的功能,还需要获取公告数据并进行动态更新。可以通过请求后端接口或获取本地数据,将公告内容存储在一个数组中。然后使用v-for指令和绑定数据的方式,将所有公告依次渲染到页面中。可以使用计时器或监听事件的方式,实现公告滚动效果和自动切换功能。 在Uniapp中,还可以通过uni.request方法发送异步请求获取公告数据,或者使用本地存储来保存公告信息。可以根据具体需求,结合组件、插件和数据处理方法,来实现各种滚动公告效果。 总之,Uniapp提供了丰富的组件和插件,使得开发者可以方便快速地实现滚动公告的功能。通过灵活运用相关技术和方法,可以达到满足不同需求的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值