图片连续不间断滚动像册

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>Fifty Studio│图片连续不间断滚动像册</title> <link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" /><style type="text/css"></style> <script type="text/javascript"> function showPic （whichpic） {if （document.getElementById） {document.getElementById（"FGplaceholder"）.src = whichpic.href; if （whichpic.title）{document.getElementById（"FGdesc2"）.childNodes[0].nodeValue = whichpic.title; }else {document.getElementById（"FGdesc2"）.childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; } return false;}else { return true; }} </script> <noscript> <style type="text/css"> #demo{overflow:auto; } } </style> </noscript> </head> <body> <img src="/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /> <h1>CSS 布局演示 CSS Layout by Forestgan</h1> <h2 id="demo_date">2006-10-30 发表</h2><img width="480" height="360" src="http://files.jb51.net/upload/bigimg/holiday102801.jpg" alt="" id="FGplaceholder" /> <ul> <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102801s.jpg" alt="" /> </li> <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102802s.jpg" alt="" /> </li> <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102806s.jpg" alt="" /> </li> <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102809s.jpg" alt="" /> </li> <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102810s.jpg" alt="" /> </li> </ul> <script type="text/javascript"> //图片无间断滚动代码，兼容IE、Firefox、Opera //原脚本是IE only，来自网上，作者未知 //部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写 //http://www.forest53.comvar speed=30; var FGDemo=document.getElementById（"demo"）; var FGDemo1=document.getElementById（"demo1"）; var FGDemo2=document.getElementById（"demo2"）; FGDemo2.innerHTML=FGDemo1.innerHTML function Marquee1（）{ if（FGDemo2.offsetHeight-FGDemo.scrollTop<=0） FGDemo.scrollTop-=FGDemo1.offsetHeight else{ FGDemo.scrollTop++ } } var MyMar1=setInterval（Marquee1,speed） FGDemo.onmouseover=function（） {clearInterval（MyMar1）} FGDemo.onmouseout=function（） {MyMar1=setInterval（Marquee1,speed）} </script><span id="FGdesc2">My Photo 1</span>Design by Forestgan演示页面设计制作： Forestgan   采用创作共用授权--署名和非商业用途返回前一页 <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-152060-1"; urchinTracker（）; </script> <noscript> google-analytics<br/> </noscript> <script src="/js/copyrightdemo.js" type="text/javascript"></script> <noscript>my stat<br/></noscript> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]