图片左右滚动代码

合集下载

鼠标点击按钮图片切换+自动切换+左右按钮点击切换效果

鼠标点击按钮图片切换+自动切换+左右按钮点击切换效果上一次在我的文库中分享了点击按钮，图片左右切换轮播效果代码，今天主要是分享【鼠标点击按钮，图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码】。

最后的效果如下：Html代码部分：<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>图片轮播效果制作</title><link rel="stylesheet" type="text/css" href="css/style.css"><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/style.js"></script></head><body><div class="banner"><ul class="pic"><li><a href="#"><img src="images/1.jpg" alt="美女" width="350" height="495"></a></li><li><a href="#"><img src="images/2.jpg" alt="美女" width="350" height="495"></a></li><li><a href="#"><img src="images/3.jpg" alt="美女" width="350" height="495"></a></li><li><a href="#"><img src="images/4.jpg" alt="美女" width="350" height="495"></a></li><li><a href="#"><img src="images/5.jpg" alt="美女" width="350" height="495"></a></li></ul><ul class="anniu"><li class="on"></li><li></li><li></li><li></li><li></li></ul><ul class="lr"><li class="pre"><a href="#"> < </a></li><li class="next"><a href="#"> > </a></li></ul></div></body></html>Css代码部分：*{margin:0px;padding:0px}li{list-style:none}a{text-decoration:none}img{border:0px}.banner{width:350px;height:495px;margin:100px auto;position:relative;overflow:hidden}.banner .pic{width:9999px;height:495px}.banner .pic li{width:350px;height:495px;float:left}.banner .anniu{width:100px;height:16px;position:absolute;left:165px;top:470px}.banner .anniu li{width:16px;height:16px;background:white;float:left;margin:2px;display:inline; cursor:pointer;border-radius:100%}.banner .anniu li.on{background:red}.banner .lr{width:350px;height:50px;position:absolute;top:250px;display:none}.banner .lr a{color:white}.banner .lr .pre{width:20px;height:50px;float:left;background:none repeat scroll 0px 0px rgba(1, 0, 0, 0.6);text-align:center;line-height:50px;cursor:pointer}.banner .lr .next{width:20px;height:50px;float:right;background:none repeat scroll 0px 0px rgba(1, 0, 0, 0.6);text-align:center;line-height:50px;cursor:pointer}Javascript代码部分：$(function(){//鼠标滑过banner，左右按钮进行显示和隐藏$(".banner").hover(function(){$(".lr").show();},function(){$(".lr").hide();});//点击下面的小按钮，图片进行左右切换效果$(".anniu li").click(function(){$(this).addClass("on").siblings().removeClass("on");var num=$(this).index();$(".pic").animate({marginLeft:-350*num},"slow");});//图片自动轮播效果var a=0;var automatic=setInterval(function(){a++;a=a%5;$(".pic").animate({marginLeft:-350*a},"slow");$(".anniu li").eq(a).addClass("on").siblings().removeClass("on");},6000);//点击左右按钮，图片进行切换效果$(".pre").click(function(){a--;a=(a+5)%5;$(".pic").animate({marginLeft:-350*a},"slow");$(".anniu li").eq(a).addClass("on").siblings().removeClass("on");});$(".next").click(function(){a++;a=a%5;$(".pic").animate({marginLeft:-350*a},"slow");$(".anniu li").eq(a).addClass("on").siblings().removeClass("on");});});。

图片滚动特效代码

图片滚动特效代码图片滚动特效代码注意: 各参数详解：（1）scrollAmount。

它表示速度，值越大速度越快。

如果没有它，默认为6，建议设为1～3比较好。

（2）width和height，表示滚动区域的大小，width是宽度，height是高度。

特别是在做垂直滚动的时候，一定要设height 的值。

（3）direction。

表示滚动的方向，默认为从右向左：←←←。

可选的值有right、down、up。

滚动方向分别为：right表示→→→，up表示↑，down表示↓。

（4）scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。

通常scrollDelay是不需要设置的。

（5）behavior。

用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)（6）蓝色地方是图片地址，可以换上自己喜欢的图片。

1.图片向上循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275 direction=up><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：2.图片向下循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275 direction=down><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：3.图片向左循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275> <A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：4.图片向右循环滚动代码：<CENTER><MARQUEE width=220 scrollAmount=3 height=275 direction=right><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：5.图片来回滚动代码：<CENTER><MARQUEE width=380 scrollAmount=3 height=275 behavior="alternate"><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A><A><IMG height=275 src="图片地址"width=220></A></MARQUEE></CENTER>效果：以上五种图片滚动效果代码说明：1.“width=380”表示滚动的宽度范围，数值可以按自己喜欢的调整2.“height=275”表示滚动的高度范围，数值可以随意调整3.“scrollAmount=3”表示滚度速度为3，1到3为最佳数值，默认为64.“height=275”表示图片的高度为275（建议按自己喜欢的图片高度调整）5.“width=220”表示图片的宽度为220（建议按自己喜欢的图片宽度调整）6.“图片地址”表示图片的属性地址粘贴处（因本人太懒，所以所有的滚动图片都只用一张代替；(*^__^*)，当然，每个“图片地址”都可以换上不同的图片地址，效果会更好。

图片左右循环连续滚动代码，解决marquee的留白问题

图片左右循环连续滚动代码，解决marquee的留白问题向上：<div id=demo style="overflow:hidden; width:128px; heig ht:300px;"><div id=demo1><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br></div><div id=demo2></div></div><script language="javascript">var speed=30demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetTop-demo.scrollT op<=0)demo.scrollTop-=demo1.offsetHeightelse{demo.scrollTop++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee ,speed)}</script>====================================== ========================================= ============向下：<div id=demo style="overflow:hidden; width:128px; heig ht:300px;"><div id=demo1><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br><img src="1.gif"><br><img src="2.gif"><br><img src="3.gif"><br></div><div id=demo2></div></div><script language="javascript">var speed=30demo2.innerHTML=demo1.innerHTMLdemo.scrollTop=demo.scrollHeightfunction Marquee(){if(demo1.offsetTop-demo.scrollT op>=0)demo.scrollTop+=demo2.offsetHeightelse{demo.scrollTop--}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee ,speed)}</script>====================================== ========================================= ============向左：<div id=demo style="overflow:hidden;height:100px;width: 800px;"><table align=left cellpadding=0 cellspace=0 border=0> <tr><td id=demo1 valign=top ><img src="1.gif"width="200"><img src="2.gif" width="200" ><img src="3.gif" width="200" ><img src="4.gif" width="200"><img src="5.gif" width="200" ><img src="6.gif " width="200" ></td><td id=demo2 valign=top ></td></tr></table></div><script>var speed=10demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>====================================== ============================================向右：<div id=demo style="overflow:hidden;height:100px;width: 300px;"><table align=left cellpadding=0 cellspace=0 border=0> <tr><td id=demo1 valign=top><img src="1.gif"><img src="2.gif"><img src="3.gif"><img src="4.gif"><img src="5.gif"> <img src="6.gif"></td><td id=demo2 valign=top></td></tr></table></div><script>var speed=30demo2.innerHTML=demo1.innerHTMLdemo.scrollLeft=demo.scrollWidthfunction Marquee(){if(demo.scrollLeft<=0)demo.scrollLeft+=demo2.offsetWidthelse{demo.scrollLeft--}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marque e,speed)}</script>====================================== ========================================= =============在实现左右循环滚动时,请注意设置最外层的width属性的值,一般为2:1的比例,试试看,如果设置不合适,可以看到图片,但不会滚动!!。

html图片轮播代码

一、数字键控制代码：
<div style="position:relative; top:-50px; left:240px;">
<a href="javascript:show(1)"><span id="I1" style="width:18px; text-align:left; background:gray">1</span></a>
else
{document.getElementById('pic'+i).style.display='none'; document.getElementById('I'+i).style.backgroundColor='gray'axIndex)
}
for(var i=1;i<(maxIndex+1);i++){
if(i==nowIndex)
{document.getElementById('pic'+nowIndex).style.display=''; document.getElementById('I'+nowIndex).style.backgroundColor='red';}
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_left1" valign="top" align="center">

div实现向左右无缝滚动图片效果（跑马灯）

div实现向左右无缝滚动图片效果（跑马灯）div实现向左右无缝滚动图片效果(跑马灯)div+css学习笔记22（用div实现向左无缝滚动图片效果）JavaScript实现走马灯效果[无缝连接、循环滚动] 无缝跑马灯效果以下代码在IE6、Firefox+Win2k环境下测试通过网页走马灯连续循环滚动废话少说，代码贴出来：<div id="imgmarquee" style="OVERFLOW: hidden; WIDTH: 580px; align: left; background-color:#0099CC;"> <div style="width:1200px"> <span id="marquePic1"style="width:600px; background-color:#990033;"><img src="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> <imgsrc="../images/dialog/4.gif" /> </span><span id="marquePic2"style="width:600px;background-color:#990033;"></sp an> </div></div> <scripttype="text/javascript"> var imgmarquee = document.getElementById('imgmarquee');var marquePic2 = document.getElementById('marquePic2');var marquePic1 = document.getElementById('marquePic1');var speed=10;//控制移动的速度,数越大越慢marquePic2.innerHTML=marquePic1.innerHTML;//把marquePic1的内容复制到marquePic2里面function Marquee(){ if(imgmarquee.scrollLeft>=marquePic1.scro llWidth){ imgmarquee.scrollLeft=0;}else{ //demo.scrollLeft+ +; imgmarquee.scrollLeft++; }} varmarqueetemp=setInterval(Marquee,speed); imgmarquee.onmouseover=function(){clearInterval(marqueetemp)} //鼠标移到上面停止并清除计数imgmarquee.onmouseout=function(){marqueetemp=setInterval(Marquee,speed)} //鼠标离开重新计数</script>－－－－－－－－－－－－参考资料（向右，向上，向下代码同理，只是控制的js不同而已，把下面的id改成对应的就ok了）－－－－－－－－－－－－向右－－－－－－－－－－－－<scriptlanguage="javascript"type="text/javascript"></script>－－－－－－－－－－－－－向下－－－－－－－－－－－－－<scriptlanguage="javascript"type="text/javascript"></script>－－－－－－－－－－－向上－－－－－－－－－－－<script language="javascript"type="text/javascript"></script><DIV id=demo_1 style="OVERFLOW: hidden; HEIGHT: 136px"><DIV id=demo1_1><div id=gleft><a href=""><img src="" border="0" width=150 height="120"/></a></div><div id=gleft><a href=""><img src="" border="0" width=150 height="120"/></a></div><div id=gleft><a href=""><img src="" border="0" width=150 height="120"/></a></div><div id=gleft><a href=""><img src="" border="0" width=150 height="120"/></a></div></DIV><DIV id=demo2_1></DIV></DIV><SCRIPT>var speed=25demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)} </SCRIPT> 其中<div id=gleft>这里的gleft的样式你自己定义下就OK 了。

利用HTML自带的图片滚动标签实现效果

1、一般方式<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><IMG src="第一张图片地址" ><IMG src="第二张图片地址"></MARQUEE>注释：1) scrollAmount。

它表示速度，值越大速度越快。

2) 加入onmouseover=stop() onmouseout=start()代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动。

2、水平滚动和垂直滚动（1）图片从右到左滚动<MARQUEE width=宽height=高onmouseover=stop() onmouseout=start() scrollAmount=速度loop=infinite deplay="0"><img src="图片地址"><img src="图片地址">···</MARQUEE>（2）图片从下到上滚动<marquee behavior="scroll" direction=up width="宽" height="高" scrollamount="5" onmouseout="this.start()"><img src="图片网址"><img src="图片网址">···</marquee>3、给滚动图片加超链接用<a href=>和</a>把<img>包围，并且img必须设border=0，否则图片会出现边框。

最简单的JavaScript图片轮播代码(两种方法)

最简单的JavaScript图片轮播代码(两种方法)通过改变每个图片的opacity属性：素材图片：代码一：最简单的轮播广告代码二：第二步，布局好一个DIV,如：上一张下一张第三步，就到了写CSS的时候了．下面的CSS懂基础的人都看得懂．#croll{width:100%;height:180p;background-color:white;poition:relative;border-bottom:1polidgray;}、、这里是给整个大的ＤＩＶ设定属性．#crollul{height:180p;lit-tyle:none;}、、ＤＩＶ下的ＵＬ属性．#crollulli{width:100%;height:180p;margin:0p;padding:0p;dipla y:none;}、、ＤＩＶ下的ＵＬ下的ＬＩ属性．注意：diplay:none;因为要将所有的ｌｉ隐藏了先．当点击的时候在显示出来．。

ubl{poition:abolute;bottom:20p;left:40%;width:80p;height:20p;lin e-height:20p;tet-align:center;font-ize:16p;font-weight:bold;curor:pointer;}、、上一张按钮的属性．注意一个绝对定位．。

ubr{poition:abolute;bottom:20p;right:40%;width:80p;height:20p;line-height:20p;tet-align:center;font-ize:16p;font-weight:bold;curor:pointer;}、、下一张按钮的属性．注意一个绝对定位．。

ubr:hover{background:yellow;border-radiu:10p;}。

ubl:hover{background:yellow;border-radiu:10p;}、、以上两个hover是鼠标经过的效果．第四步，就是ｊｑｕｅｒｙ代码了！也很简单．先将代码看一遍，你就会用了！四步轻松搞定一个简单的轮！。

如何制作滚动图片和滚动文字

如何制作滚动图片和滚动文字用HTML的<marquee>活动字幕标记所需的代码最少，且能以较少下载时间换来不错的效果。

该标记语法格式如下：<marquee align=left/center/right/top/bottom bgcolor=#n direction=left/right/up/down behavior=type height＝n hspace＝n scrollamount=n Scrolldelay=n width=n VSpace=n loop＝n>字幕内容</marquee>各参数详解：1、Align：是设定活动字幕水平对齐的,分左(left)，中(center)，右(right);Valign:是设定活动字幕垂直对齐的,分顶(top),中(middle),底(bottom).2、Bgcolor：用于设定活动字幕的背景颜色，一般是十六进制数。

3、Direction：用于设定活动字幕的滚动方向向左、向右、向上、向下。

4、Behavior。

用它来控制滚动方式，默认为scroll(从一端到另一端循环滚动)，可选的值还有alternate(在两端之间来回滚动)、slide(幻灯片效果，从一端到另一端滚动一次，然后停止滚动)5、Height和Width：设定滚动区域的高度和宽度.(特别在制作垂直滚动时,一定要设height的值）6、Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。

7、Scrollamount：用于设定活动字幕的滚动速度，值越大速度越快。

默认为6，建议设为1～3比较好。

8、Scrolldelay：用于设定滚动两次之间的延迟时间。

默认为90，值越大，速度越慢。

通常scrollDelay是不需要设置的。

9、Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。

10、每行字的前后可以分别用<FONT color=#990066 size=4 face=隶书>和</FONT>的格式定义每行字的颜色，大小和字体，如果哪项不需要的话，把代码去掉就行。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

=
{ var browser=navigator.appName if ((browser=="Netscape")) { return false; } else if(browser=="Microsoft Internet Explorer") { return true; } else { return null; } } var _IsIE = IsIE(); var _MousePX = 0; var _MousePY = 0; var _DivLeft = 0; var _DivRight = 0; var _AllDivWidth = 0; var _AllDivHeight = 0; function MoveDiv(e){ var obj = document.getElementById("demo"); _MousePX = _IsIE ? (document.body.scrollLeft + event.clientX) : e.pageX; _MousePY = _IsIE ? (document.body.scrollTop + event.clientY) : e.pageY; //Opera Browser Can Support ''window.event'' and ''e.pageX'' var obj1 = null; if(obj.getBoundingClientRect) { //IE obj1 = document.getElementById("demo").getBoundingClientRect();
图片左右滚动代码.txt28生活是一位睿智的长者，生活是一位博学的老师，它常常春风化雨，润物无声地为我们指点迷津，给我们人生的启迪。不要吝惜自己的爱，敞开自己的胸怀，多多给予，你会发现，你也已经沐浴在了爱河里。<SCRIPT> var dir=1;//每步移动像素，大＝快 var speed=10;//循环周期（毫秒）大＝慢 var MyMar=null; function Marquee(){//正常移动 var demo = document.getElementById("demo"); var demo2 = document.getElementById("demo2"); if (dir>0 && (demo2.offsetWidth-demo.scrollLeft)<=0) { demo.scrollLeft=0; } if (dir<0 &&(demo.scrollLeft<=0)) { demo.scrollLeft=demo2.offsetWidth; } demo.scrollLeft+=dir; } function onmouseoverMy() { window.clearInterval(MyMar); }//暂停移动 function onmouseoutMy() { MyMar=setInterval(Marquee,speed); }//继续移动 function r_left() { if (dir==-1) dir=1; }//换向左移 function r_right() { if (dir==1) dir=-1; }//换向右移 function IsIE()
r_left(); } else if(_MousePX < _DivRight && _MousePX > pos2)//Move right { r_right(); } if(_MousePX > pos1 && _MousePX < pos2)//Stop { onmouseoverMy(); MyMar=null; }else if(_MousePX < pos1 || _MousePX > pos2) { if(MyMar==null) { MyMar=setInterval(Marquee,speed); } } } } function Cut_Px(cswidth) { cswidth = cswidth.toLowerCase(); if(cswidth.indexOf("px") != -1) { cswidth.replace("px",""); cswidth = parseInt(cswidth); } return cswidth; } function MoveOutDiv() { if(MyMar == null) { MyMar=setInterval(Marquee,speed); } }
_DivLeft = obj1.left; _DivRight = obj1.right; _AllDivWidth = _DivRight - _DivLeft; } else if(document.getBoxObjectFor) { //FireFox obj1 = document.getBoxObjectFor(obj); var borderwidth = (obj.style.borderLeftWidth != null && obj.style.borderLeftWidth != "") ? parseInt(obj.style.borderLeftWidth) : 0; _DivLeft = parseInt(obj1.x) - parseInt(borderwidth); _AllDivWidth = Cut_Px(obj.style.width); _DivRight = _DivLeft + _AllDivWidth; } else { //Other Browser(Opera) _DivLeft = obj.offsetLeft; _AllDivWidth = Cut_Px(obj.style.width); var parent = obj.offsetParent; if(parent != obj) { while (parent) { _DivLeft += parent.offsetLeft; parent = parent.offsetParent; } } _DivRight = _DivLeft + _AllDivWidth; } var pos1,pos2; pos1 = parseInt(_AllDivWidth * 0.4) + _DivLeft; pos2 = parseInt(_AllDivWidth * 0.6) + _DivLeft; if(_MousePX > _DivLeft && _MousePX < _DivRight) { if(_MousePX > _DivLeft && _MousePX < pos1)//Move left {
</SCRIPT> <div style="width:100% ;text-align:left; left:200px; top:200px;"> position:absodemo" style="OVERFLOW: hidden; WIDTH: 800px; COLOR: #ffffff; HEIGHT: 200px" onmousemove="MoveDiv(event);" onmouseout="MoveOutDiv();"> <div id="demo1" style="width:100%;"> <TABLE cellSpacing=0 cellPadding=0> <TBODY> <TR vAlign=top> <TD vAlign=top noWrap> <DIV align=right> <img src="images/compamy-1.jpg" width="342" height="200"> <img src="images/company-2.jpg" width="309" height="200"> <img src="images/company-3.jpg" width="286" height="200"> <img src="images/company-4.jpg" width="302" height="200"> <img src="images/company-5.jpg" width="306" height="200"> <img src="images/company-6.jpg" width="290" height="200"> <img src="images/company-7.jpg" width="298" height="200"> <img src="images/company-8.jpg" width="305" height="200"> <img src="images/company-9.jpg" width="291" height="200"> <img src="images/company-10.jpg" width="309" height="200"> <img src="images/company-11.jpg" width="308" height="200"> <img src="images/company-12.jpg" width="290" height="200"> </DIV></TD></TR></TBODY></TABLE> </TD> <TD width="0"> <div id="demo2" style="width:100%;"></div> </TD> </TR></TBODY></TABLE> </DIV>