图片左右滚动js代码

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
.style1 {
 FONT-SIZE: 14px
}
.style2 {
 FONT-SIZE: 12px
}
.p12 {
 FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
A:link {
 COLOR: #ffffff
}
A:visited {
 COLOR: #333333
}
A:hover {
 COLOR: #ff3300; TEXT-DECORATION: underline
}
BODY {
 MARGIN-TOP: 0px; MARGIN-LEFT: 0px
}
</STYLE>
<script>
function list() {
 var pics=new Array(9);
var bpics=new Array(9);
var texts=new Array(9);
var links=new Array(9);
var num=10;
pics[0]="http://www.secu.hc360.com/ad/080111_88x40_bj1.jpg";
texts[0]="";
links[0]="http://hiprote.b2b.hc360.com";
pics[1]="http://www.secu.hc360.com/ad/080111_88x40_bj2.jpg";
texts[1]="";
links[1]="http://apon.b2b.hc360.com";
pics[2]="http://www.secu.hc360.com/ad/080111_88x40_bj3.jpg";
texts[2]="";
links[2]="http://szhuazhixing.b2b.hc360.com";
pics[3]="http://www.secu.hc360.com/ad/080111_88x40_bj4.jpg";
texts[3]="";
links[3]="http://tcl01.b2b.hc360.com";
pics[4]="http://www.secu.hc360.com/ad/080111_88x40_bj5.jpg";
texts[4]="";
links[4]="http://dykj888.b2b.hc360.com";
pics[5]="http://www.secu.hc360.com/ad/080111_88x40_bj6.jpg";
texts[5]="";
links[5]="http://hts.b2b.hc360.com";
pics[6]="http://www.secu.hc360.com/ad/080111_88x40_bj7.jpg";
texts[6]="";
links[6]="http://bjkuaiyu.b2b.hc360.com";
pics[7]="http://www.secu.hc360.com/ad/080115_88x40_bj.jpg";
texts[7]="";
links[7]="http://jgw007.b2b.hc360.com";
pics[8]="http://www.secu.hc360.com/ad/080115_88x40_bj.jpg";
texts[8]="";
links[8]="http://jgw007.b2b.hc360.com";
pics[9]="http://www.secu.hc360.com/ad/080115_88x40_bj.jpg";
texts[9]="";
links[9]="http://jgw007.b2b.hc360.com";
function MM_openBrWindow(theURL,winName) { //v2.0
winName='TEST';
  window.open(theURL,winName,' top=0,left=0,scrollbars=yes, toolbar=yes,location=yes,status=yes,menubar=yes,resizable=yes');
}
var i; for (i=0;i<num;i++){
document.write('<a href=# onClick=MM_openBrWindow("',links[i],'","',pics[i],'")><img src=',pics[i],' border=0 ></a>&nbsp;');
}
}
</script>
</HEAD>
<BODY>
<TABLE width=100% height="90" border=0 align=center cellPadding=0
cellSpacing=0
style="BORDER-RIGHT: #66ccff 1px solid; BORDER-TOP: #66ccff 1px solid; BORDER-LEFT: #66ccff 1px solid; BORDER-BOTTOM: #66ccff 1px solid">
  <TBODY>
    <TR>
      <TD width=127 height=20 bgColor=#4BACE7><a href="http://info.secu.hc360.com/list/vip.shtml" target="_blank"><img src="http://www.secu.hc360.com/vip/images/shanpu_1.gif" width="100" height="22" border="0"></a></TD>
      <TD width=284 align="left" bgColor=#4BACE7 class=p12>&nbsp; </TD>
      <TD width=67 bgColor=#4BACE7 class=p12><img src="http://www.secu.hc360.com/vip/images/dot1.gif" width="5" height="9"> <a href="http://b2b.hc360.com/intro/vip.html" target="_blank">即刻申请</a></TD>
   
    <TR bgcolor="#A2D2EA">
      <TD colSpan=3 height=41><TABLE width="100%" height=34
      border=0 align="center" cellPadding=0 cellSpacing=0 bgColor=#A2D2EA>
          <!-- fwtable fwsrc="java.png" fwbase="javamove.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
          <TBODY>
            <TR>
              <TD width=1%>&nbsp;</TD>
              <TD width=4% align=middle vAlign=center><IMG onmouseover=setspeed(9);setfangxiang(1) onmouseout=setspeed(1) height=28
            src="http://www.secu.hc360.com/vip/images/jtleft.gif" width=29 border=0 style="cursor:pointer;"></TD>
              <TD width=90% height=34 vAlign=center><DIV id=demo onmouseover=ii=1 style="OVERFLOW: hidden; WIDTH: 860px"
            onmouseout=ii=0>
                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <TBODY>
                      <TR>
                        <TD><DIV id=demo1>
                            <SCRIPT>list()</SCRIPT>
                        </DIV></TD>
                        <TD><DIV id=demo2></DIV></TD>
                      </TR>
                    </TBODY>
                  </TABLE>
              </DIV></TD>
              <TD width=4% align=middle vAlign=center><IMG height=28
            src="http://www.secu.hc360.com/vip/images/jtright.gif" width=29 border=0 onmouseover=setspeed(9);setfangxiang(2) onmouseout=setspeed(1) style="cursor:pointer;"></TD>
              <TD width=1% align=middle vAlign=top>&nbsp;</TD>
            </TR>
          </TBODY>
        </TABLE>
      </TD>
    </TR>
  </TBODY>
</TABLE>
</BODY></HTML>
<SCRIPT>
var ii=0;
var speed=1;
var fangxiang=1;
var demo=document.getElementById('demo');
var demo1=document.getElementById('demo1');
var demo2=document.getElementById('demo2');
demo2.innerHTML=demo1.innerHTML
function andyzsy(){
if (ii==1)return
for(i=1;i<=speed;i++)
{
if(fangxiang=="2")
{
demo.scrollLeft--
if(demo.scrollLeft=="0")
demo.scrollLeft=demo1.offsetWidth
}
else
{
demo.scrollLeft++
if(demo.scrollLeft>=demo1.offsetWidth)
demo.scrollLeft=0
}
}
}
function setspeed(x)
{
speed=x;
}
function setfangxiang(x)
{
fangxiang=x;
}
setInterval(andyzsy,30)
</SCRIPT>

提示：您可以先修改部分代码再运行

时间： 2024-08-20 06:38:00

图片左右滚动js代码的相关文章

可控制图片左右滚动js代码

<!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> <meta http-equiv="content-

图片向上滚动js代码（三款)

文章收集了三款图片向上滚动代码哦,他们都是利用了来实例图片向上滚动效果哦,下面一款款来看看吧,其实一款是用marquee实现的,还有就是利用了js来实例了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://

图片无缝滚动js代码

提示:您可以先修改部分代码再运行 产品名称 产品名称 产品名称 产品名称 产品名称 产品名称 产品名称 产品名称 产品名称 产品名称 提示:您可以先修改部分代码再运行

控制图片滚动,js代码在chrome里没效果在其他浏览器有效果

问题描述 控制图片滚动,js代码在chrome里没效果在其他浏览器有效果 //客户合作 图片滚动 $('.imgs-scroll').newsScroll({ className: 'imgs-scroll', scrollElements: 'li', scrollDirection: 'left' }); $.fn.extend({ newsScroll: function (opt) { if (!opt) opt = {}; opt = { className: opt.classNam

jquery实现图片水平滚动效果代码分享_jquery

本文实例讲述了jquery实现图片水平滚动效果,分享给大家供大家参考.具体如下: 运行效果图:-------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jquery实现图片水平滚动效果代码如下 <HEAD> <META content="text/html; charset=gb2312" http-equiv="Content-Type"> &

图片轮播js代码

图片轮播js代码,简洁明了,可代替flash轮播功能!    <div style="width:287px; height:248px; border:solid 1px #cecece;background:#F3F3F3; padding:6px; "> <SCRIPT language="javascript" type="text/javascript"> var widths=287; //宽 var heig

android webview中注入支持图片双击的js代码无效

问题描述 android webview中注入支持图片双击的js代码无效 javascript:(function(){ var objs = document.getElementsByTagName("img"); for(var i=0;i<objs.length;i++){ objs[i].ondblclick=function(){ window.webtest.openImage(this.src); } } } )() 我在android Webview中注入如上支

javascript 图片左右滚动效果代码

提示:您可以先修改部分代码再运行 javascript 图片左右滚动效果代码 提示:您可以先修改部分代码再运行

谁有按钮控制图片上下滚动的代码

问题描述 谁有按钮控制图片上下滚动的代码 解决方案 解决方案二:问题描述不清楚