• 代码收藏 javascript 图片滚动代码


    1、横向无间断滚动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        
    <title></title>
    </head>
    <body>
        
    <table width="700" border="0" cellpadding="0" cellspacing="0">
            
    <tr>
                
    <td>
                    
    <div id="www_qpsh_com" style="overflow: hidden; height: 120px;  700px; color: #ff0000">
                        
    <table align="left" cellpadding="0" cellspacing="0" border="0">
                            
    <tr>
                                
    <td id="www_qpsh_com1" valign="top">
                                    
    <table border="0" cellpadding="0" cellspacing="0">
                                        
    <tr>
                                            
    <td>
                                                
    <href="http://www.qpsh.com/javascript/showpage2443.htm" target="_blank">
                                                    
    <img border="0" src="http://www.qpsh.com/icon/BS9097.jpg" width="150" height="100"
                                                        hspace
    ="22"></a><br>
                                                
    <center>
                                                    
    <b>说明一</b></center>
                                            
    </td>
                                            
    <td width="30">
                                            
    </td>
                                            
    <td>
                                                
    <href="http://www.qpsh.com" target="_blank">
                                                    
    <img border="0" src="http://www.qpsh.com/icon/BS9092.jpg" width="150" height="100"
                                                        hspace
    ="22"></a><br>
                                                
    <center>
                                                    
    <b>说明二</b></center>
                                            
    </td>
                                            
    <td width="30">
                                            
    </td>
                                            
    <td>
                                                
    <href="http://www.3sdo.com" target="_blank">
                                                    
    <img border="0" src="http://www.qpsh.com/icon/BS9084.jpg" width="150" height="100"
                                                        hspace
    ="22"></a><br>
                                                
    <center>
                                                    
    <b>说明三</b></center>
                                            
    </td>
                                            
    <td width="30">
                                            
    </td>
                                            
    <td>
                                                
    <href="http://www.sanguo5.com" target="_blank">
                                                    
    <img border="0" src="http://www.qpsh.com/icon/BS9079.jpg" width="150" height="100"
                                                        hspace
    ="22"></a><br>
                                                
    <center>
                                                    
    <b>说明四</b></center>
                                            
    </td>
                                            
    <td width="30">
                                            
    </td>
                                            
    <td>
                                                
    <href="http://www.pc555.com" target="_blank">
                                                    
    <img border="0" src="http://www.qpsh.com/icon/BS9070.jpg" width="150" height="100"
                                                        hspace
    ="22"></a><br>
                                                
    <center>
                                                    
    <b>说明五</b></center>
                                            
    </td>
                                        
    </tr>
                                    
    </table>
                                
    </td>
                                
    <td id="www_qpsh_com2" valign="top">
                                
    </td>
                            
    </tr>
                        
    </table>
                    
    </div>
                
    </td>
            
    </tr>
        
    </table>

        
    <script type="text/javascript">
            
    var speedMy = 10//速度数值越大速度越慢
            www_qpsh_com2.innerHTML = www_qpsh_com1.innerHTML
            
    function Marquee1() {
                
    if (www_qpsh_com2.offsetWidth - www_qpsh_com.scrollLeft <= 0)
                    www_qpsh_com.scrollLeft 
    -= www_qpsh_com1.offsetWidth
                
    else {
                    www_qpsh_com.scrollLeft
    ++
                }
            }
            
    var MyMar1 = setInterval(Marquee1, speedMy)
            www_qpsh_com.onmouseover 
    = function() { clearInterval(MyMar1) }
            www_qpsh_com.onmouseout 
    = function() { MyMar1 = setInterval(Marquee1, speedMy) }
        
    </script>

    </body>
    </html>
  • 相关阅读:
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    http 请求code状态码
    js 跳转链接
    a标签-伪类
    在linux中如何解压.tgz
    dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.63.dylib
    nginx: [warn] conflicting server name "localhost" on 0.0.0.0:80, ignored
    微信小程序实现左滑删除效果(原生/uni-app)
  • 原文地址:https://www.cnblogs.com/heimirror/p/1505813.html
Copyright © 2020-2023  润新知