图片滚动及更换

来源：互联网发布：imessage群发软件2017 编辑：程序博客网时间：2024/05/16 01:18

<html>

<body >

<tr>

<td width="15%">
                        <div id=demo style="overflow:hidden; height:350px;">
                          <div id="demo1"> <img src="image/Graphic Design_200X150/12.jpg" alt=""设计" border="0" class="thumb_img" rel="image/Graphic Design_900X600/12.jpg" link="http://焦点" onclick="javascript:window.open('Graphic_Design12.html') "/> <img src="image/Graphic Design_200X150/08.jpg" alt="中央" border="0" class="thumb_img" rel="image/Graphic Design_900X600/08.jpg" link="http://焦点" onclick="javascript:window.open('Graphic_Design08.html')" /> <img src="image/Graphic Design_200X150/09.jpg" alt="签名" border="0" class="thumb_img" rel="image/Graphic Design_900X600/09.jpg" link="http://焦点" onclick="javascript:window.open('Graphic_Design09.html')" /> <img src="image/Graphic Design_200X150/10.jpg" alt="信片" border="0" class="thumb_img" rel="image/Graphic Design_900X600/10.jpg" link="http://焦点" onclick="javascript:window.open('Graphic_Design10.html')" /> </div>
                          <div id=demo2></div>
                        </div>
                        <script language="javascript">
var speed=30;
demo2.innerHTML=demo1.innerHTML;
demo.scrollTop=demo.scrollTop;
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight;
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></td>
                    </tr>
                  </table>
                   
</script>
</body>
</html>

<script language="javascript" type="text/javascript">
function $(e) {
            return document.getElementById(e);
        }
document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}
var MyMar;
var speed = 30; //速度，越大越慢
var spec = 30; //每次滚动的间距, 越大滚动越快
var ipath = 'image/'; //图片路径