`
BlueFuture
  • 浏览: 53321 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

图片连续无缝滚动

阅读更多

<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中图片无缝滚动

    在图片无缝滚动中,CSS可以用来设置图片的定位(positioning)、过渡(transitions)和动画(animations)。例如,我们可以通过绝对定位使图片叠加在一起,然后利用CSS3的`animation`属性创建一个平滑的滚动效果。...

    图片无缝滚动插件上下左右图片无缝滚动代码.zip

    图片无缝滚动插件是一种网页设计中的重要元素,它主要用于展示多张图片,通过平滑过渡效果使得用户在浏览时感觉图片是连续不断的。这个压缩包文件"图片无缝滚动插件上下左右图片无缝滚动代码.zip"显然包含了一套实现...

    无缝滚动制作js文字无缝滚动和js图片无缝滚动

    无缝滚动技术的主要目标是让页面内容(无论是文字还是图片)在不中断视觉连续性的情况下自动滑动,给人一种流畅无尽的视觉体验。在JavaScript中,可以利用定时器和数组方法来实现这一效果。 首先,对于js文字无缝...

    marquee图片无缝滚动(上下左右均可)

    这里的关键词是“无缝滚动”,意味着在滚动过程中没有明显的停顿或跳跃,提供一种连续、平滑的视觉体验。加上“上下左右均可”,表示这个滚动效果不仅限于传统的水平方向,还支持垂直方向以及双向滚动。 **描述解析...

    jquery图片无缝滚动代码左右上下无缝滚动图片

    "jQuery图片无缝滚动代码左右上下无缝滚动图片"是利用jQuery库实现的一种图片滚动技术,它使得图片能够在页面上以平滑、连续的方式移动,既可以从左到右,也可以从上到下,为用户带来流畅的视觉体验。 jQuery是一个...

    图片向左无缝滚动 图片向左无缝滚动 js

    "图片向左无缝滚动"是一个利用JavaScript技术实现的功能,它能够让一组图片在水平方向上连续不断地滚动,给人一种不间断的视觉感受。这个功能尤其适用于展示产品序列、新闻更新或者任何需要连续显示信息的场景。 ...

    脚本实现图片无缝滚动

    图片无缝滚动是一种常见的网页动态效果,它通过编程技术使得一组图片在特定的容器内连续、平滑地滚动,给人一种无间断的视觉体验。这种效果通常用于网站的轮播图或者展示多张图片的场景。在本文中,我们将深入探讨...

    js无缝滚动代码制作js图片无缝滚动向上无缝滚动

    在网页设计中,为了增加用户体验,我们经常需要实现一些动态效果,如图片的无缝滚动。这种效果可以让图片在页面上连续、平滑地滚动,给人一种无始无终的感觉,提升了视觉效果。 "无缝滚动"的实现主要依赖于...

    js原生图片上下无缝滚动

    在网页设计中,图片上下无缝滚动是一种常见的动态效果,它能为用户带来更生动、更具吸引力的视觉体验。本文将深入探讨如何使用原生JavaScript实现这一功能,包括基本原理、关键代码实现以及优化技巧。 首先,我们要...

    JS实现图片无缝滚动的完美解决

    其中,图片无缝滚动作为一种常见且实用的动态展示方式,不仅能够有效利用空间,还能营造出流畅、连续的视觉效果。本文将深入探讨如何通过JavaScript(简称JS)来实现图片的无缝滚动,旨在为开发者提供一个完整且易于...

    图片无缝循环滚动

    通过实现图片无缝滚动,可以使得网页看起来更加生动、专业。 在讲解链接(http://blog.csdn.net/folish_audi/article/details/38059281)中,作者可能详细阐述了如何实现这一效果。以下是一些关键知识点: 1. **...

    图片左右无缝滚动JS代码

    "图片左右无缝滚动JS代码"是指使用JavaScript编程语言实现的一种特效,它允许图片在水平方向上连续、平滑地滚动,模拟出一种无限循环的效果,为用户带来更为连贯的浏览体验。这种效果尤其适用于新闻轮播、产品展示或...

    不间断无缝滚动图片

    在网页设计中,"不间断无缝滚动图片"是一种常见的视觉效果,它通过JavaScript或者CSS3等技术实现,使得图片能够连续不断地、平滑地从一端滚动到另一端,给人一种连贯且无中断的视觉体验。这种效果常用于网站的轮播图...

    文字图片无缝滚动

    【文字图片无缝滚动】是一种常见的网页动态效果,用于在有限的空间内展示大量文字或图片,通过不断滚动的方式,使得信息能够连续、平滑地呈现,提高用户体验。在本主题中,我们将深入探讨如何使用JavaScript来实现...

    js经典效果,图片切换,无缝滚动,js菜单

    无缝滚动是一种使内容看起来连续、无中断地滚动的特效,常见于新闻滚动条或产品展示区域。在JavaScript中,可以通过监听滚动事件,结合CSS定位(如`position: absolute`或`position: fixed`)来实现。关键在于精确...

    图片四个方向无缝滚动

    在IT行业中,图片四个方向无缝滚动是一种常见的网页动态效果,尤其在展示长图或轮播图时使用广泛。这种技术可以提升用户体验,使用户能够轻松地浏览和探索大量的图像信息。接下来,我们将深入探讨实现这一功能的核心...

    左右无缝滚动图片

    【标题】"左右无缝滚动图片"是一个网页设计技术,它主要使用JavaScript库jQuery来实现一种动态效果,使得图片能够在水平方向上连续、平滑地滚动,给人一种无边界、连续不断的感觉,增强了用户的浏览体验。...

    图片滚动代码,图片无缝滚动代码,图片自动滚动且可控制滚动方向

    图片无缝滚动是一种更高级的技术,它通过巧妙的设计使得在图片切换时没有明显的停顿或空白,给人一种连续、平滑的视觉体验。这种技术的核心在于利用JavaScript或者CSS动画来实现图片的动态加载和位置切换。 "源码...

    js图片左右无缝滚动用鼠标控制图片滚动

    JavaScript 图片左右无缝滚动是一种常见的网页动态效果,用于展示多张图片并使用户可以通过鼠标操作来控制图片的滚动。这种效果常被应用于产品展示、图片画廊或新闻滚动等场景,能够提升用户体验,使得信息浏览更为...

Global site tag (gtag.js) - Google Analytics