JS無間隔滾動實(shí)現(xiàn)代碼_第1頁
JS無間隔滾動實(shí)現(xiàn)代碼_第2頁
JS無間隔滾動實(shí)現(xiàn)代碼_第3頁
JS無間隔滾動實(shí)現(xiàn)代碼_第4頁
JS無間隔滾動實(shí)現(xiàn)代碼_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、共兩個文件，即Demo.htm和ScrollText.js，把他們放在同一個文件夾下即可Demo.htm文件內(nèi)容<!DOCTYPE html PUBLIC "-/W3C<head> <title>K2046.ScrollText</title> <script language="javascript" type="text/javascript" src="ScrollText.js"></script> <style type="text/

2、css"> .titleheight:28px;width:150px;line-height:28px;text-align:center;border-bottom:solid 1px #888888;background-color:#EEEEEE; .fleftfloat:left;margin-left:20px;font-size:12px; .listscrollborder:solid 1px #888888;width:150px;text-align:left; #listdown,#listmarquee,#listcontentheight:179px;

3、width:150px;overflow:hidden; .listproheight:59px;width:130px;line-height:20px;overflow:hidden;border-bottom:dashed 1px #AAAAAA;margin-left:10px; .remarkmargin-top:10px;line-height:18px; </style> <script language="javascript" type="text/javascript"> window.onload = fun

4、ction() var scrollup = new ScrollText("listcontent"); scrollup.LineHeight = 60; scrollup.Amount = 4; scrollup.Start(); var marquee = new ScrollText("listmarquee"); marquee.LineHeight = 60; marquee.Amount = 1; marquee.Timeout = 30; marquee.Delay = 30; marquee.Start(); var scrolldo

5、wn = new ScrollText("listdown"); scrolldown.LineHeight = 60; scrolldown.Amount = 4; scrolldown.Direction = "down" scrolldown.Start(); </script></head><body><div class="fleft"><div class="listscroll"> <div class="title"

6、;>最新產(chǎn)品</div> <div id="listcontent"> <div class="listpro"> 名稱:最新商品1<br /> 描述:最新商品1到貨了.<br /> 價格:￥999.99 </div> <div class="listpro"> 名稱:最新商品2<br /> 描述:最新商品2到貨了.<br /> 價格:￥999.99 </div> <div class="lis

7、tpro"> 名稱:最新商品3<br /> 描述:最新商品3到貨了.<br /> 價格:￥999.99 </div> <div class="listpro"> 名稱:最新商品4<br /> 描述:最新商品4到貨了.<br /> 價格:￥999.99 </div> </div></div><div class="remark">向上滾動<br />var scrollup = new ScrollText(&

8、quot;listcontent");<br />scrollup.LineHeight = 60;<br />scrollup.Amount = 4;<br />scrollup.Start();<br /></div></div><div class="fleft"><div class="listscroll"> <div class="title">最新產(chǎn)品</div> <div id=&qu

9、ot;listmarquee"> <table id="ec_table" border="0" cellspacing="1" cellpadding="1" class="tableRegion" width="100%" ><thead><tr style="padding: 0px;" ></tr><tr><td class="tableHeader&quo

10、t; >序號</td><td class="tableHeader" >納稅人識別號</td><td class="tableHeader" >納稅人名稱</td><td class="tableHeader" >購貨方代碼</td><td class="tableHeader" >購貨方名稱</td><td class="tableHeader" >發(fā)票代碼</t

11、d><td class="tableHeader" >發(fā)票號碼</td><td class="tableHeader" >開票日期</td><td class="tableHeader" >原發(fā)票代碼</td><td class="tableHeader" >原發(fā)票號碼</td><td class="tableHeader" >開票合計(jì)金額</td><td clas

12、s="tableHeader" >開票類型</td><td class="tableHeader" >主管稅務(wù)官員</td><td class="tableHeader" >主管稅務(wù)機(jī)構(gòu)</td><td class="tableHeader" >操作</td></tr></thead><tbody class="tableBody" ><tr class="

13、;odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" ><td style="text-align:center" >1</td><td style="text-align:center" >460001640820102</td><td>貴夫人服裝店</td><td>46000

14、1640820102</td><td>aa</td><td style="text-align:center" >10042601</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center" >&#1

15、60;</td><td style="text-align:right" >122.00</td><td style="text-align:center" >正數(shù)發(fā)票</td><td>通什陳列</td><td>五指山?jīng)_山所</td><td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" a

16、lt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217161');" /></a></td></tr><tr class="even" onmouseover="this.className='highlight'" onmouseout="th

17、is.className='even'" ><td style="text-align:center" >2</td><td style="text-align:center" >460001640820102</td><td>貴夫人服裝店</td><td>460001640820102</td><td>aa</td><td style="text-align:center" &

18、gt;10042601</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center" >&#160;</td><td style="text-align:right" >122.00</td><td styl

19、e="text-align:center" >正數(shù)發(fā)票</td><td>通什陳列</td><td>五指山?jīng)_山所</td><td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border=&quo

20、t;0" onclick="javascript:fnview('217160');" /></a></td></tr><tr class="odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" ><td style="text-align:center" >3<

21、/td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠</td><td>11</td><td>11</td><td style="text-align:center" >26617215</td><td style="text-align:center" >2011-03-17</td><td style=&

22、quot;text-align:center" >&#160;</td><td style="text-align:center" >&#160;</td><td style="text-align:right" >121.00</td><td style="text-align:center" >正數(shù)發(fā)票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</td&g

23、t;<td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217159');" /></a></td></tr&

24、gt;<tr class="even" onmouseover="this.className='highlight'" onmouseout="this.className='even'" ><td style="text-align:center" >4</td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠<

25、/td><td>11</td><td>1111</td><td style="text-align:center" >26617214</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center"

26、>&#160;</td><td style="text-align:right" >121.00</td><td style="text-align:center" >正數(shù)廢票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</td><td style="text-align:center" ><a href="#"><img title="

27、查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217158');" /></a></td></tr><tr class="odd" onmouseover="this.className='highlight'" onmous

28、eout="this.className='odd'" ><td style="text-align:center" >5</td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠</td><td>111</td><td>11</td><td style="text-align:center" &g

29、t;26617213</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center" >&#160;</td><td style="text-align:right" >121.00</td><td style

30、="text-align:center" >正數(shù)廢票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</td><td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border=&q

31、uot;0" onclick="javascript:fnview('217157');" /></a></td></tr><tr class="even" onmouseover="this.className='highlight'" onmouseout="this.className='even'" ><td style="text-align:center" >6

32、</td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠</td><td>11</td><td>11</td><td style="text-align:center" >26617212</td><td style="text-align:center" >2011-03-17</td><td sty

33、le="text-align:center" >&#160;</td><td style="text-align:center" >&#160;</td><td style="text-align:right" >121.00</td><td style="text-align:center" >正數(shù)發(fā)票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</

34、td><td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217156');" /></a></td><

35、/tr><tr class="odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" ><td style="text-align:center" >7</td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠&l

36、t;/td><td>11</td><td>11</td><td style="text-align:center" >26617211</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center"

37、>&#160;</td><td style="text-align:right" >121.00</td><td style="text-align:center" >正數(shù)發(fā)票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</td><td style="text-align:center" ><a href="#"><img title="

38、查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217155');" /></a></td></tr><tr class="even" onmouseover="this.className='highlight'" onmou

39、seout="this.className='even'" ><td style="text-align:center" >8</td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠</td><td>11</td><td>11</td><td style="text-align:center" &

40、gt;26617210</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center" >&#160;</td><td style="text-align:right" >121.00</td><td styl

41、e="text-align:center" >正數(shù)發(fā)票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</td><td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border=&

42、quot;0" onclick="javascript:fnview('217154');" /></a></td></tr><tr class="odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" ><td style="text-align:center" >9&

43、lt;/td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠</td><td>qw</td><td>qw</td><td style="text-align:center" >26617209</td><td style="text-align:center" >2011-03-17</td><td styl

44、e="text-align:center" >&#160;</td><td style="text-align:center" >&#160;</td><td style="text-align:right" >121.00</td><td style="text-align:center" >正數(shù)發(fā)票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</t

45、d><td style="text-align:center" ><a href="#"><img title="查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217153');" /></a></td></

46、tr><tr class="even" onmouseover="this.className='highlight'" onmouseout="this.className='even'" ><td style="text-align:center" >10</td><td style="text-align:center" >460022610921123</td><td>鴻基鋸木廠

47、</td><td>qw</td><td>qw</td><td style="text-align:center" >26617209</td><td style="text-align:center" >2011-03-17</td><td style="text-align:center" >&#160;</td><td style="text-align:center"

48、; >&#160;</td><td style="text-align:right" >121.00</td><td style="text-align:center" >正數(shù)發(fā)票</td><td>文昌邢益良</td><td>文昌市文城稅務(wù)所</td><td style="text-align:center" ><a href="#"><img title=&quo

49、t;查看詳細(xì)信息" alt="查看詳細(xì)信息" src="/cdjn_wlkpweb/images/table/docview.gif" border="0" onclick="javascript:fnview('217152');" /></a></td></tr></tbody></table> </div></div><div class="remark">也可以

50、當(dāng)成marquee<br />var marquee = new ScrollText("listmarquee");<br />marquee.LineHeight = 60;<br />marquee.Amount = 1;<br />marquee.Timeout = 30;<br />marquee.Delay = 30;<br />marquee.Start();<br /></div></div><div class="fleft"

51、;><div class="listscroll"> <div class="title">最新產(chǎn)品</div> <div id="listdown"> <div class="listpro"> 名稱:最新商品1<br /> 描述:最新商品1到貨了.<br /> 價格:￥999.99 </div> <div class="listpro"> 名稱:最新商品2<br /> 描述:最新商品2到貨了.<br /> 價格:￥999.99 </div> <div class="listpro"> 名稱:最新商品3<br /> 描述:最新商品3到貨了.<br /> 價格:￥999.99 </div> <d

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論