js 图片链接滚动代码 兼容火狐和ie
2010-11-08 14:46
525 查看
<!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>
<META http-equiv=Content-Type content="text/html; charset=GB2312">
<META content="MSHTML 6.00.6000.20815" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD class=border01 align=middle>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 815px">
<TABLE height=100 cellSpacing=0 cellPadding=0 align=center border=0
cellspace="0">
<TBODY>
<TR>
<TD id=marquePic1 vAlign=top align=middle height=100>
<TABLE height=100 cellSpacing=1 cellPadding=0 width=815 border=0>
<TBODY>
<TR align=middle>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843172847.jpg" mce_src="images/200843172847.jpg" width=153 border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/20084317340383.jpg" mce_src="images/20084317340383.jpg" width=153 border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173529652.jpg" mce_src="images/200843173529652.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173633873.jpg" mce_src="images/200843173633873.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173727600.jpg" mce_src="images/200843173727600.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173946787.jpg" mce_src="images/200843173946787.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174056740.jpg" mce_src="images/200843174056740.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174213307.jpg" mce_src="images/200843174213307.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174335514.jpg" mce_src="images/200843174335514.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174433450.jpg" mce_src="images/200843174433450.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174539975.jpg" mce_src="images/200843174539975.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174648990.jpg" mce_src="images/200843174648990.jpg" width=153
border=0></A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD id=marquePic2 vAlign=top>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT language=Javascript>
<!--
var speed=30;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('marquePic1');
var FGDemo2=document.getElementById('marquePic2');
FGDemo2.innerHTML=FGDemo1.innerHTML;
function Marquee1(){
if(FGDemo.scrollLeft>=FGDemo1.scrollWidth){
FGDemo.scrollLeft=0;
}else{
FGDemo.scrollLeft++;
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function()
{
clearInterval(MyMar1)
}
FGDemo.onmouseout=function()
{
MyMar1=setInterval(Marquee1,speed)
}
-->
</SCRIPT>
</DIV>
</BODY></HTML>
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=GB2312">
<META content="MSHTML 6.00.6000.20815" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD class=border01 align=middle>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 815px">
<TABLE height=100 cellSpacing=0 cellPadding=0 align=center border=0
cellspace="0">
<TBODY>
<TR>
<TD id=marquePic1 vAlign=top align=middle height=100>
<TABLE height=100 cellSpacing=1 cellPadding=0 width=815 border=0>
<TBODY>
<TR align=middle>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843172847.jpg" mce_src="images/200843172847.jpg" width=153 border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/20084317340383.jpg" mce_src="images/20084317340383.jpg" width=153 border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173529652.jpg" mce_src="images/200843173529652.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173633873.jpg" mce_src="images/200843173633873.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173727600.jpg" mce_src="images/200843173727600.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843173946787.jpg" mce_src="images/200843173946787.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174056740.jpg" mce_src="images/200843174056740.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174213307.jpg" mce_src="images/200843174213307.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174335514.jpg" mce_src="images/200843174335514.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174433450.jpg" mce_src="images/200843174433450.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174539975.jpg" mce_src="images/200843174539975.jpg" width=153
border=0></A></TD>
<TD><A href="http://www.hbsem.cn" mce_href="http://www.hbsem.cn"
target=_blank><IMG height=97 alt="http://www.hbsem.cn 搜索营销博客"
src="images/200843174648990.jpg" mce_src="images/200843174648990.jpg" width=153
border=0></A></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD id=marquePic2 vAlign=top>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT language=Javascript>
<!--
var speed=30;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('marquePic1');
var FGDemo2=document.getElementById('marquePic2');
FGDemo2.innerHTML=FGDemo1.innerHTML;
function Marquee1(){
if(FGDemo.scrollLeft>=FGDemo1.scrollWidth){
FGDemo.scrollLeft=0;
}else{
FGDemo.scrollLeft++;
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function()
{
clearInterval(MyMar1)
}
FGDemo.onmouseout=function()
{
MyMar1=setInterval(Marquee1,speed)
}
-->
</SCRIPT>
</DIV>
</BODY></HTML>
相关文章推荐
- 不间断图片滚动js代码.真正兼容火狐ie
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- js无缝图片滚动代码,利用强大的JQUERY,兼容IE、火狐等主流浏览器
- 兼容ie和火狐的js无缝八向滚动特效代码
- 几种兼容IE和火狐 图片预览的JS代码
- 几种兼容IE和火狐 图片预览的JS代码
- (代码收藏)向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- js本地图片预览,兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3<tr> <td style="width:35%;" class="noBorderL
- 兼容ie和火狐firefox的js调用flash播放器代码特效
- js本地图片预览,兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3
- JS控制图片翻转示例代码(兼容firefox,ie,chrome)
- js上传图片预览功能代码,兼容IE,FireFox,Chrome浏览器
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- 【转】图片上传简单JS预览,兼容IE火狐等主流浏览器
- JS复制内容到剪切板的实例代码(兼容IE与火狐)
- js兼容ie和火狐支持获取图片大小和显示
- 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览
- 图片连续滚动代码[兼容IE/firefox]
- js在一个可编辑的div光标处插入图片或者文本(兼容ie,火狐等浏览器)