照片无缝滚动

照片无缝滚动

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

<html>

<head>

    <title>无缝滚动图片</title>

    <script type=”text/javascript” src=”jquery-1.7.1.min.js”>

    </script></head>

<body>

    <!–以下是向左滚动代码–>

    <div id=”colee_left” style=”overflow:hidden;width:730px;”>

        <table cellpadding=”0″ cellspacing=”0″ border=”0″>

            <tr>

                <td id=”colee_left1″ valign=”top” align=”center”>

                    <table cellpadding=”2″ cellspacing=”0″ border=”0″>

                        <tr align=”center”>

                            <td style=”padding-right:15px;”><img src=”~/Content/themes/default/images/activecard.jpg” width=”165″ height=”125″><br /><div style=”text-align:center” title=”@typeName”>苹果电脑</div></td>

                            <td style=”padding-right:15px;”><img src=”~/Content/themes/default/images/activecard.jpg” width=”165″ height=”125″><br /><div style=”text-align:center” title=”@typeName”>苹果电脑</div></td>

                            <td style=”padding-right:15px;”><img src=”~/Content/themes/default/images/activecard.jpg” width=”165″ height=”125″><br /><div style=”text-align:center” title=”@typeName”>苹果电脑</div></td>

                            <td style=”padding-right:15px;”><img src=”~/Content/themes/default/images/activecard.jpg” width=”165″ height=”125″><br /><div style=”text-align:center” title=”@typeName”>苹果电脑</div></td>

                            <td style=”padding-right:15px;”><img src=”~/Content/themes/default/images/activecard.jpg” width=”165″ height=”125″><br /><div style=”text-align:center” title=”@typeName”>苹果电脑</div></td>

                        </tr>

                    </table>

                </td>

                <td id=”colee_left2″ valign=”top”></td>

            </tr>

        </table>

    </div>

    <script type=”text/javascript”>

        if ($(“#colee_left1 img”).length > 4) {

            clearInterval(MyMar3);

            //使用div时,请保证colee_left2与colee_left1是在同一行上.

            var speed = 30//速度数值越大速度越慢

            var colee_left2 = document.getElementById(“colee_left2”);

            var colee_left1 = document.getElementById(“colee_left1”);

            var colee_left = document.getElementById(“colee_left”);

            colee_left2.innerHTML = colee_left1.innerHTML

            function Marquee3() {

                if (colee_left2.offsetWidth – colee_left.scrollLeft <= 0)//offsetWidth 是对象的可见宽度

                    colee_left.scrollLeft -= colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽,不包边线宽度

                else {

                    colee_left.scrollLeft++

                }

            }

            var MyMar3 = setInterval(Marquee3, speed)

            colee_left.onmouseover = function () { clearInterval(MyMar3) }

            colee_left.onmouseout = function () { MyMar3 = setInterval(Marquee3, speed) }

        }

    </script>

    <!–结束离开滚动码–>

</body>

</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/116724.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java课程设计—学生成绩管理系统(201521123004-林艺如)「建议收藏」

    Java课程设计—学生成绩管理系统(201521123004-林艺如)「建议收藏」1.团队课程设计博客"团队课程设计博客链接"2.个人负责模块或任务说明①.MenuMenu.jsp在页面中给出提示,用HTML的,与下一个跳转页面进行连接,即点击后进入下

    2022年6月30日
    30
  • kvm网卡模式_java软中断原理

    kvm网卡模式_java软中断原理玩转KVM: 了解网卡软中断RPS

    2022年4月21日
    59
  • amos路径分析结果怎么看_路径分析图怎么解读

    amos路径分析结果怎么看_路径分析图怎么解读基础准备草堂君在前面几篇文章中,介绍了AMOS软件的操作、分析原理、结构方程模型和各种拟合指标含义等内容,大家可以点击下面的文章链接回顾,也可以从公众号导航栏获取AMOS分析技术(导航页)回顾:AMOS分析技术:软件安装及菜单功能介绍;这次是视频教程AMOS分析技术:结构方程模型的拟合度评价指标AMOS分析技术:模型整体拟合度指标AMOS分析

    2022年8月24日
    13
  • CDO学习1 CDO简介[通俗易懂]

    CDO学习1 CDO简介[通俗易懂]参考自如下网站http://www.ceda.ac.uk/static/media/uploads/ncas-reading-2015/cdo.pdf介绍一个有几百种操作符的单独命令CDO受N

    2022年8月1日
    4
  • 青蛙过河谁先过_python knn算法实现

    青蛙过河谁先过_python knn算法实现一只青蛙想要过河。 假定河流被等分为若干个单元格,并且在每一个单元格内都有可能放有一块石子(也有可能没有)。 青蛙可以跳上石子,但是不可以跳入水中。给你石子的位置列表 stones(用单元格序号 升序 表示), 请判定青蛙能否成功过河(即能否在最后一步跳至最后一块石子上)。开始时, 青蛙默认已站在第一块石子上,并可以假定它第一步只能跳跃一个单位(即只能从单元格 1 跳至单元格 2 )。如果青蛙上一步跳跃了 k 个单位,那么它接下来的跳跃距离只能选择为 k – 1、k 或 k + 1 个单位。 另请注意

    2022年8月9日
    5
  • StrictMode使用

    StrictMode使用【IT168技术】最新的Android平台中(Android2.3起),新增加了一个新的类,叫StrictMode(android.os.StrictMode)。这个类可以用来帮助开发者改进他们编写的应用,并且提供了各种的策略,这些策略能随时检查和报告开发者开发应用中存在的问题,比如可以监视那些本不应该在主线程中完成的工作或者其他的一些不规范和不好的代码。  StrictMode有多种不

    2022年6月10日
    52

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号