JS无间隔滚动实现代码_第1页
JS无间隔滚动实现代码_第2页
JS无间隔滚动实现代码_第3页
JS无间隔滚动实现代码_第4页
JS无间隔滚动实现代码_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、共两个文件，即Demo.htm和ScrollText.js，把他们放在同一个文件夹下即可Demo.htm文件内容<!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、;>最新产品</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">最新产品</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" >发票代码</t

11、d><td class="tableHeader" >发票号码</td><td class="tableHeader" >开票日期</td><td class="tableHeader" >原发票代码</td><td class="tableHeader" >原发票号码</td><td class="tableHeader" >开票合计金额</td><td clas

12、s="tableHeader" >开票类型</td><td class="tableHeader" >主管税务官员</td><td class="tableHeader" >主管税务机构</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" >正数发票</td><td>通什陈列</td><td>五指山冲山所</td><td style="text-align:center" ><a href="#"><img title="查看详细信息" a

16、lt="查看详细信息" 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" >正数发票</td><td>通什陈列</td><td>五指山冲山所</td><td style="text-align:center" ><a href="#"><img title="查看详细信息" alt="查看详细信息" 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" >正数发票</td><td>文昌邢益良</td><td>文昌市文城税务所</td&g

23、t;<td style="text-align:center" ><a href="#"><img title="查看详细信息" alt="查看详细信息" 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" >正数废票</td><td>文昌邢益良</td><td>文昌市文城税务所</td><td style="text-align:center" ><a href="#"><img title="

27、查看详细信息" alt="查看详细信息" 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" >正数废票</td><td>文昌邢益良</td><td>文昌市文城税务所</td><td style="text-align:center" ><a href="#"><img title="查看详细信息" alt="查看详细信息" 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" >正数发票</td><td>文昌邢益良</td><td>文昌市文城税务所</

34、td><td style="text-align:center" ><a href="#"><img title="查看详细信息" alt="查看详细信息" 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" >正数发票</td><td>文昌邢益良</td><td>文昌市文城税务所</td><td style="text-align:center" ><a href="#"><img title="

38、查看详细信息" alt="查看详细信息" 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" >正数发票</td><td>文昌邢益良</td><td>文昌市文城税务所</td><td style="text-align:center" ><a href="#"><img title="查看详细信息" alt="查看详细信息" 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" >正数发票</td><td>文昌邢益良</td><td>文昌市文城税务所</t

45、d><td style="text-align:center" ><a href="#"><img title="查看详细信息" alt="查看详细信息" 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" >正数发票</td><td>文昌邢益良</td><td>文昌市文城税务所</td><td style="text-align:center" ><a href="#"><img title=&quo

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

50、当成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">最新产品</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. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论