吉吉于

jQuery 抄袭笔记(24) :li轮流滚动

I need some sleep.

每个人都会有累的时候吧。

正如现在的背景音乐,Eels的声音依然那么冷淡纤细,疲惫中带有一丝无奈。

总是需要一些声音刺激麻痹的神经,缓和心中的结痂。

拉车的老马虽然需要休息, 但是车轮却难以停息的不停转动。

You just gotta let it go.

望着美好又残酷的理想,突然就累了。

不过再累也要,你懂。


这节的效果是轮回淡隐淡出的显示这五个数。应该可以用到图片展示上的(我猜)。

 

01 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
02 <html xmlns=“http://www.w3.org/1999/xhtml”>
03 </span>
04 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312″ />
05 </span>Hello Lazynight~~<span style="color: #ff4400; font-weight: bold;"></title></span><br /> <span style="color: #696969;">06</span> <span style="color: #ff4400; font-weight: bold;"><script </span><span style="color: #ffff00;">type=</span><span style="color: #d13800;">“text/javascript”</span> <span style="color: #ffff00;">src=</span><span style="color: #d13800;">“jquery-1.1.3.pack.js”</span><span style="color: #ff4400; font-weight: bold;">></script></span><br /> <span style="color: #696969;">07</span> <span style="color: #ff4400; font-weight: bold;"><script </span><span style="color: #ffff00;">type=</span><span style="color: #d13800;">“text/javascript”</span><span style="color: #ff4400; font-weight: bold;">></span><br /> <span style="color: #696969;">08</span> <span style="color: #ff4400; font-weight: bold;">function</span> <span style="color: #c0c0c0;">Lazy_scroll</span><span style="color: #c0c0c0;">(){</span><br /> <span style="color: #696969;">09</span> <span style="color: #c0c0c0;">$</span>(<span style="color: #ff4400; font-weight: bold;">function</span><span style="color: #c0c0c0;">(){</span><br /> <span style="color: #f810b0;">10</span>     <span style="color: #c0c0c0;">$</span>(<span style="color: #d13800;">“#Lazy li”</span><span style="color: #c0c0c0;">).</span><span style="color: #c0c0c0;">eq</span>(<span style="color: #c0c0c0;"></span><span style="color: #c0c0c0;">).</span><span style="color: #c0c0c0;">fadeOut</span>(<span style="color: #d13800;">‘slow’</span><span style="color: #c0c0c0;">,</span><span style="color: #ff4400; font-weight: bold;">function</span><span style="color: #c0c0c0;">(){</span><br /> <span style="color: #696969;">11</span>     <span style="color: #c0c0c0;">$</span>(<span style="color: #ff4400; font-weight: bold;">this</span><span style="color: #c0c0c0;">).</span><span style="color: #c0c0c0;">clone</span><span style="color: #c0c0c0;">().</span><span style="color: #c0c0c0;">appendTo</span>(<span style="color: #c0c0c0;">$</span>(<span style="color: #ff4400; font-weight: bold;">this</span><span style="color: #c0c0c0;">).</span><span style="color: #c0c0c0;">parent</span><span style="color: #c0c0c0;">()).</span><span style="color: #c0c0c0;">fadeIn</span>(<span style="color: #d13800;">“fast”</span>);<br /> <span style="color: #696969;">12</span>     <span style="color: #c0c0c0;">$</span>(<span style="color: #ff4400; font-weight: bold;">this</span><span style="color: #c0c0c0;">).</span><span style="color: #c0c0c0;">remove</span>();<br /> <span style="color: #696969;">13</span>     <span style="color: #c0c0c0;">});</span><br /> <span style="color: #696969;">14</span> <span style="color: #c0c0c0;">});</span><br /> <span style="color: #f810b0;">15</span> <span style="color: #c0c0c0;">}</span><br /> <span style="color: #696969;">16</span> <span style="color: #c0c0c0;">setInterval</span>(<span style="color: #d13800;">‘Lazy_scroll()’</span><span style="color: #c0c0c0;">,</span><span style="color: #c0c0c0;">1000</span>);<br /> <span style="color: #696969;">17</span> <span style="color: #ff4400; font-weight: bold;"></script></span><br /> <span style="color: #696969;">18</span> <span style="color: #ff4400; font-weight: bold;"></head></span><br /> <span style="color: #696969;">19</span> <span style="color: #ff4400; font-weight: bold;"><body></span><br /> <span style="color: #f810b0;">20</span> <span style="color: #ff4400; font-weight: bold;"><div</span> <span style="color: #ffff00;">id=</span><span style="color: #d13800;">“Lazy”</span><span style="color: #ff4400; font-weight: bold;">></span><br /> <span style="color: #696969;">21</span>     <span style="color: #ff4400; font-weight: bold;"><ul></span><br /> <span style="color: #696969;">22</span>         <span style="color: #ff4400; font-weight: bold;"><li></span>1,one<span style="color: #ff4400; font-weight: bold;"></li></span><br /> <span style="color: #696969;">23</span>         <span style="color: #ff4400; font-weight: bold;"><li></span>2.two<span style="color: #ff4400; font-weight: bold;"></li></span><br /> <span style="color: #696969;">24</span>         <span style="color: #ff4400; font-weight: bold;"><li></span>3.three<span style="color: #ff4400; font-weight: bold;"></li></span><br /> <span style="color: #f810b0;">25</span>         <span style="color: #ff4400; font-weight: bold;"><li></span>4,four<span style="color: #ff4400; font-weight: bold;"></li></span><br /> <span style="color: #696969;">26</span>         <span style="color: #ff4400; font-weight: bold;"><li></span>5,five<span style="color: #ff4400; font-weight: bold;"></li></span><br /> <span style="color: #696969;">27</span>     <span style="color: #ff4400; font-weight: bold;"></ul></span><br /> <span style="color: #696969;">28</span> <span style="color: #ff4400; font-weight: bold;"></div></span><br /> <span style="color: #696969;">29</span> <span style="color: #ff4400; font-weight: bold;"></body></span><br /> <span style="color: #f810b0;">30</span> <span style="color: #ff4400; font-weight: bold;"></html></span> </div>   <span style="color: #ff6600;"><a href="http://down.qiannao.com/space/file/flowerowl/-4e0a-4f20-5206-4eab/Lazy24_li-8f6e-6d41-6eda-52a8.rar/.page" target="_blank"><span style="color: #ff6600;">下载源码</span></a></span> 转载请注明:[于哲的博客][1] » [jQuery 抄袭笔记(24) :li轮流滚动][2] [1]: http://lazynight.me [2]: http://lazynight.me/668.html </li></span></li></span></li></span></li></span></li></span></ul></span></body></span>