程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> ASP.NET2.0中 一次滾動一條新聞的效果

ASP.NET2.0中 一次滾動一條新聞的效果

編輯:.NET實例教程

www.21sb.com 效果演示:“第一視訊”那裡

Html代碼:



<style type="text/CSS">...
     #IssueList {...}{
      margin: 2px 5px;
      padding: 0;
      list-style: none;
      height:76px;
      overflow:hidden;
     }
     #IssueList li {...}{
      line-height: 20px;
     
     }
    </style>
<table align="center" background="/img/dysx_bg.gif" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="396"  height="193">
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="80%">
                <tr>
                    <td height="4">
                    </td>
        &n      </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="95%">
                <tr>
                    <td rowspan="2" width="27%" >
<table align="center" bgcolor="#EAEAEA" border="0" cellpadding="0" cellspacing="1"
    width="96">
    <tr>
        <td align="center" bgcolor="#ffffff" height="95" valign="middle">
                        <ASP:Image ID="Img_Top" runat="server" Height="90px" Width="90px" /></td>
    </tr>
</table>
                    </td>
                    <td rowspan="2"  width="3px">
                    </td>
                    <td height="25" width="73%" >
                        &nbsp;<asp:HyperLink ID="Hl_Title" runat="server" CSSClass="title_big" Target="_blank">[Hl_Title]</ASP:HyperLink></td>
                </tr>
                <tr>
                    <td >
                       &nbsp;&nbsp;<asp:HyperLink ID="Hl_NewsKey" runat="server" CSSClass="title_text" Target="_blank">[Hl_NewsKey]</ASP:HyperLink></td>
                </tr>
            </table>
<table width="98%" border="0" align="center" cellpadding="0" cellsp

  <tr><td height="2"></td></tr>
  <tr>
    <td height="1" background="img/title_d3.gif"></td>
  </tr>
  <tr><td height="2"></td></tr>
</table>
<div >
<%=GdNewsList %></div>
            </td>
    </tr>
</table>

<script type="text/Javascript">...
    (function(ul, delay, speed, lh) ...{
     var slideBox = (typeof ul == ''string'')?document.getElementById(ul):ul;
     var delay = delay||1000, speed=speed||20, lh = lh||20;
     var tid = null, pause = false;
     var start = function() ...{
      tid=setInterval(slide, speed);
     }
     var slide = function() ...{
      if (pause) return;
      slideBox.scrollTop += 2;
      if (slideBox.scrollTop % lh == 0) ...{
       clearInterval(tid);
       slideBox.appendChild(slideBox.getElementsByTagName(''li'')[0]);
       slideBox.scrollTop = 0;
       setTimeout(start, delay);
      }
     }
     slideBox.onmouSEOver=function()...{pause=true;}
     slideBox.onmouSEOut=function()...{pause=false;}
     setTimeout(start, 2000);
     })(''IssueList'', 2000, 2, 20);
</script>  

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved