`

js 特效--图片滚动

    博客分类:
  • js
阅读更多

<TABLE height=0 cellSpacing=0 cellPadding=0 width=992 align=center border=0>
      <TBODY>
      <TR>
        <TD vAlign=top align=left>
          <DIV id=dragHelper style="DISPLAY: none"></DIV>
      <TABLE cellSpacing=0 cellPadding=0 width=992 border=0>
            <TBODY>
           <!--  <TR>
              <TD><A
                href="http://www.hazz.lss.gov.cn/index.jsp?id=ff8080811ca6afff011ce079650800ee&amp;id_id=P106001&amp;name=particles"><IMG
                src="郑州市劳动保障信息网.files/chinavvv_0810091453255170.gif"
            border=0></A></TD></TR> -->
            <TR>
              <TD vAlign=top align=middle
              background=郑州市劳动保障信息网.files/chinavvv_0810091453346500.gif>
                <TABLE cellSpacing=0 cellPadding=0 width="98%" border=0>
                  <TBODY>
                  <TR>
                    <TD>
                      <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center
                      border=0>
                        <TBODY>
                        <TR align=middle>
                          <TD vAlign=top width="100%">
                            <DIV class=DragContainer id=DragContainer8>
                            <DIV class=DragBox id=ff8080811ca6afff011ce079650800ee
                            dragClass="normal" overClass="over">
                            <TABLE cellSpacing=0 cellPadding=0 width="100%"
                            align=center border=0>
                              <TBODY>
                              <TR>
                                <TD align=right>
                                  <DIV onmouseover=stopscroll()
                                  style="OVERFLOW: hidden; WIDTH: 981px"
                                  onmouseout=startscroll()>
                                  <TABLE id=scrollimg cellSpacing=0 cellPadding=0
                                  align=left border=0 cellspace="0">
                                    <TBODY>
                                    <TR>
                                    <TD id=simg vAlign=center>
                                    <TABLE width="98%" border=0>
                                    <TBODY>
                                    <TR height=130>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2009082820573263.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0908031504334640.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2009082820375007.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810101519462150.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2009031910262154.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0903191026146060.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2009031910254566.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0903191025397860.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2009031910251142.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0903191025000190.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008103111371038.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810311137080780.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008102808571367.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810280857104320.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008102808541504.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810280854117220.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008101311473768.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810131147300770.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008101311471795.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810131147157030.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008101311465513.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810131146543770.jpg"
                                    width=165 border=0></A></TD>
                                    <TD align=middle width=0><A
                                    href="http://www.hazz.lss.gov.cn/html/ff8080811ca6afff011ce079650800ee/2008101311463272.html"
                                    target=_blank><IMG height=130
                                    src="郑州市劳动保障信息网.files/chinavvv_0810131146299020.jpg"
                                    width=165
                                    border=0></A></TD></TR></TBODY></TABLE></TD>
                                    <TD id=simg1 vAlign=center></TD>
                                    <TD id=simg2 vAlign=center></TD>
                                    <TD id=simg3
                                  vAlign=center></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
                            <SCRIPT language=Javascript>
    var tm=null;
    function newsScroll() {
    if(scrollimg.parentNode.scrollLeft<(scrollimg.clientWidth/2))
    scrollimg.parentNode.scrollLeft++;
    else
    scrollimg.parentNode.scrollLeft=0
    }
    window.onload=function() {
    simg1.innerHTML=simg.innerHTML
    simg2.innerHTML=simg.innerHTML
    simg3.innerHTML=simg.innerHTML
    tm=setInterval('newsScroll()',10)
    }
    function stopscroll()
    {
    clearInterval(tm)
    }
    function startscroll()
    {
    tm=setInterval('newsScroll()',10)
    }
    </SCRIPT>
                            </DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
                            </TBODY></TABLE></TD></TR></TBODY></TABLE>

分享到:
评论

相关推荐

    javascript经典特效---图片滚动可带链接.rar

    【JavaScript经典特效——图片滚动可带链接】 在网页设计中,动态效果往往能吸引用户的注意力,提高用户体验。...通过不断学习和实践,你可以掌握更多JavaScript特效的实现方法,提升网页的互动性和吸引力。

    javascript经典特效---图片向上翻滚.rar

    5. **JavaScript对象和函数**:在编写代码时,可能会定义一个包含翻滚逻辑的对象,比如`ImageScroll`,它拥有`start()`和`stop()`等方法,以便管理和控制图片的滚动行为。 6. **浏览器兼容性**:由于JavaScript的...

    javascript经典特效---图片连续滚动效果.rar

    在网页设计中,JavaScript经常被用来创建各种视觉特效,其中之一就是图片连续滚动效果。这种效果能够吸引用户的注意力,提升网站的用户体验,常用于展示产品、新闻更新或者广告轮播等场景。 要实现图片连续滚动效果...

    javascript经典特效---图片向左翻滚.rar

    同时,JavaScript可能还会处理一些边界条件,比如当图片滚动到最左边时,需要将第一张图片移动到最后,形成循环滚动的视觉效果。 此外,为了提高用户体验,还可以添加额外的功能,如控制按钮(上一页、下一页)、...

    javascript经典特效---图片显示特效.rar

    5. 图片裁剪与旋转:JavaScript库如Cropper.js可以实现图片的裁剪和旋转,用户可以选择想要的部分并进行调整。 6. 图片滑动效果:例如图片滑动门、图片瀑布流等,这些效果可以通过JavaScript结合CSS3的transform...

    javascript经典特效---图片的组合显示.rar

    【标题】:“javascript经典特效---图片的组合显示” 在JavaScript编程中,图片的组合显示是一种常见的视觉效果,常用于创建动态、交互式的网页元素。这种技术可以用来制作各种动画、轮播图、拼图游戏或者复杂的...

    javascript经典特效---图片翻滚导航.rar

    在本案例中,“javascript经典特效---图片翻滚导航.rar”是一个包含JavaScript代码和相关资源的压缩包,其核心功能是实现一个图片滚动导航菜单。这种特效能够提升用户在网站上的浏览体验,使得导航更加生动有趣。 ...

    javascript经典特效---固定的图片广告.rar

    这个实例主要展示了如何利用JavaScript来创建一个始终保持在页面可见区域的图片广告,即使用户滚动页面,广告依然保持在屏幕的某个位置,提升用户的可见度。 首先,我们需要理解固定定位(fixed positioning)在CSS...

    javascript经典特效---动感的图片.rar

    1. **轮播图(Slider)**:这是一种常见的JavaScript特效,通过定时改变图片显示,实现多张图片的自动切换,常用于产品展示或新闻更新。 2. **鼠标悬停效果**:当鼠标指针移动到图片上时,图片可以进行放大、旋转、...

    javascript经典特效---不同图片的预览.rar

    这个"javascript经典特效---不同图片的预览.rar"压缩包文件很可能包含了一个实现这一功能的示例代码或者教程。预览图片的功能可以让用户在不实际加载全部图片的情况下,快速浏览和选择所需的图像,这对于提高用户...

    javascript经典特效---jQuery实现slider图片滚动,单个滚动,成组滚动示例.rar

    在本示例中,我们将探讨如何使用jQuery实现slider图片滚动效果,包括单个图片滚动和成组图片滚动。 首先,让我们了解什么是slider图片滚动。Slider,也被称为轮播图或滑动展示,是一种常见的网页设计元素,用于在...

    javascript经典特效---幻影图片.rar

    9. 图片裁剪/变换:通过JavaScript库如Cropper.js,可以实现对图片的裁剪、旋转和调整大小等操作。 10. 动画库支持:借助如jQuery、GreenSock等动画库,可以更方便地创建复杂的图片动画效果。 在"幻影图片.htm"这...

    javascript特效--经常用到的特效

    JavaScript是一种广泛应用于网页和网络应用的...这个资源包中的JavaScript特效实例可以帮助开发者快速实现这些效果,为网页增添生机和活力。记得在使用时根据项目需求进行适当的修改和优化,确保代码的性能和兼容性。

    javascript经典特效---状态栏特效(九).rar

    1. **滚动消息**:在状态栏上显示滚动的文字或者图片,这种效果常见于新闻网站,用于显示最新资讯。 2. **鼠标悬停效果**:当用户将鼠标悬停在特定链接或元素上时,状态栏会显示相关信息,如预览文本、提示或链接...

    javascript经典特效---广告图片的放置.rar

    8. **跨浏览器兼容性**:JavaScript特效需考虑不同浏览器的兼容性问题,如IE与其他现代浏览器在API使用上的差异。 9. **动画库**:如GreenSock Animation Platform (GSAP) 或 anime.js,这些库可以帮助开发者创建高...

    js 特效 多张图片交换显示渐变图片代码

    js 特效 图片滚动 渐变 多张图片滚动js 特效 图片滚动 渐变 多张图片滚动js 特效 图片滚动 渐变 多张图片滚动js 特效 图片滚动 渐变 多张图片滚动js 特效 图片滚动 渐变 多张图片滚动js 特效 图片滚动 渐变 多张图片...

    javascript经典特效---jQuery仿动感flash自动滚动图片切换广告插件.rar

    本资源"javascript经典特效---jQuery仿动感flash自动滚动图片切换广告插件.rar"是一个基于jQuery实现的图片轮播插件,它模仿了早期Flash技术中的动态滚动效果,但在不依赖Flash的情况下提供了类似的用户体验。...

    javascript经典特效---广告图片宣传.rar

    在HTML文件"广告图片宣传.htm"中,可能包含了JavaScript代码来实现以下几种广告特效: 1. 图片轮播:JavaScript可以创建一个自动切换的图片展示,通常包含左右箭头让用户手动切换。通过设置定时器,每隔一段时间...

    javascript经典特效---带图片下拉菜单.rar

    在JavaScript编程领域中,"带图片下拉菜单"是一种常见的交互设计,用于提升网站或应用程序的用户体验。这种特效使得用户可以通过点击一个主菜单项来展开一个包含多个子选项的下拉菜单,其中每个子选项可能伴有相关的...

    javascript经典特效---图片的轮换显示.rar

    这一效果通常是通过JavaScript库如jQuery或原生JS实现的。本教程将详细讲解如何使用JavaScript来实现图片轮换显示的功能。 首先,我们需要理解基本概念。图片轮换,也称为幻灯片展示,是指一组图片按照预设的时间...

Global site tag (gtag.js) - Google Analytics