最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

js原生写的用鼠标控制图片滚动方向

来源:http://www.erdangjiade.com/ 沐浴春风 2016-07-29 07:20浏览(1611)

js手写的图片连续滚动,不间断滚动,鼠标悬浮左侧区域向左滚动,在右侧区域则向右滚动。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

js原生写的用鼠标控制图片滚动方向
分类:图片代码 > 鼠标滑过 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

鼠标放置 容器的左侧或右侧 可以控制图片滚动方向哦

<div class="scroll" id="scrollbox" onMouseMove="MoveDiv(event);" onMouseOut="MoveOutDiv();">
    <div id="scrollcon" style="width:100%;">
        <table>
            <tbody>
                <tr>
                    <td valign="top">							
                        <table width="100%">
                            <tr>
                                <td><a href="http://www.erdangjiade.com/js/633.html" target="_blank"><img height="150" width="150" alt="slotMachine:jQuery水果老虎机插件" src="images/1.jpg" /></a></td>
                                <td><a href="http://www.erdangjiade.com/js/634.html" target="_blank"><img height="150" width="150" alt="flipbook有书本翻阅效果的图片轮播插件" src="images/2.jpg" /></a></td>
                                <td><a href="http://www.erdangjiade.com/js/635.html" target="_blank"><img height="150" width="150" alt="cssSlidy响应式手机图片轮播插件" src="images/3.jpg" /></a></td>
                                <td><a href="http://www.erdangjiade.com/js/636.html" target="_blank"><img height="150" width="150" alt="Slideshow3D动画视觉广告插件" src="images/4.jpg" /></a></td>
                                <td><a href="http://www.erdangjiade.com/js/637.html" target="_blank"><img height="150" width="150" alt="Thinkphp原创Ajax分页加搜索查询" src="images/5.jpg" /></a></td>
                                <td><a href="http://www.erdangjiade.com/js/638.html" target="_blank"><img height="150" width="150" alt="javascript手机端图像延迟加载插件" src="images/6.jpg" /></a></td>
                                <td><a href="http://www.erdangjiade.com/js/639.html" target="_blank"><img height="150" width="150" alt="PHP长文章分页教程与演示" src="images/7.jpg" /></a></td>
                            </tr>
                        </table>
                    </td>
                    <td><div id="scrollcopy" style="width:100%;"></div></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
document.getElementById("scrollcopy").innerHTML = document.getElementById("scrollcon").innerHTML;
MyMar = setInterval(Marquee, speed);
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/906.html
评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2