您的位置:首页 > Web前端 > JavaScript

动态图片轮流播而且点击图片时连接到一个新闻地址

2006-04-14 14:03 411 查看
<DIV id="icefable2" align="center"><asp:datalist id="DataListPic" runat="server" Width="772px" ShowHeader="False" Height="125px"
            RepeatDirection="Horizontal" ShowFooter="False">
            <SelectedItemTemplate>
             <FONT face="宋体"></FONT>
            </SelectedItemTemplate>
            <ItemTemplate>
             <TABLE id="Table17" height="110" cellSpacing="0" cellPadding="0" width="133" border="0">
              <TR>
               <TD width="160"><FONT face="宋体">
                 <asp:ImageButton id=ImageButton1 onclick=OnPicList_Click runat="server" Width="133px" ImageUrl='<%# ((DataRowView)Container.DataItem)["pic"]%>' Height="100px" CommandArgument='<%# ((DataRowView)Container.DataItem)["id"]%>' AlternateText='<%# ((DataRowView)Container.DataItem)["title"]%>'>
                 </asp:ImageButton></FONT></TD>
               <TD width="10"><FONT face="宋体"></FONT></TD>
              </TR>
              <TR>
               <TD>
                <asp:HyperLink id=messageLink Runat="server" NavigateUrl='<%# "Article.aspx?id="+((DataRowView)Container.DataItem)["id"]%>' title='<%# ((DataRowView)Container.DataItem)["title"]%>' text='<%# mySubString(((DataRowView)Container.DataItem)["title"].ToString(),8)%>'>
                </asp:HyperLink></TD>
              </TR>
             </TABLE>
            </ItemTemplate>
           </asp:datalist></DIV>

<SCRIPT language="javascript">
<!--
marqueesHeight=760;
stopscroll=false;
with(icefable2){
   style.width=marqueesHeight;
   style.height=110;
   style.overflowX='hidden';
   style.overflowY='visible';
   noWrap=true;
   onmouseover=new Function('stopscroll=true');
   onmouseout=new Function('stopscroll=false');
  }
  preTop=0; currentLeft=100; stoptime=0;
function init_srolltext(){
  icefable2.scrollLeft=0;
  setInterval('scrollUp()',40);//滚动速度
}init_srolltext();

function scrollUp(){
  if(stopscroll==true) return;
  currentLeft+=1;
  if(currentLeft==91)     //滚动距离
  {
   stoptime+=1;
   currentLeft-=1;
   if(stoptime==91) //滚动间距
   {
    currentLeft=0;
    stoptime=0;    
   }
  }

  else {   
   preTop=icefable2.scrollLeft;
   icefable2.scrollLeft+=1;
   if(preTop==icefable2.scrollLeft){
     icefable2.scrollLeft=0;
     icefable2.scrollLeft+=1;
   }
  }
 
}

-->
</SCRIPT>

div 里面放的是个datagrid控件,在控件里面帮定图片数据
用javascrip是图片滚动播放,不知道里需要的是不是这个意思
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐