100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript四个方向无间隙滚动合集(多浏览器IE firefox兼容)_典型特效

javascript四个方向无间隙滚动合集(多浏览器IE firefox兼容)_典型特效

时间:2021-02-26 18:28:08

相关推荐

javascript四个方向无间隙滚动合集(多浏览器IE firefox兼容)_典型特效

web前端|js教程

四个方向,无间隙,滚动,多浏览器,兼容

web前端-js教程

学习中…本段JS制作参考 MSClass.js

手机版网页开发系统源码,中断Ubuntu系统安装,爬虫重定向404,php爬虫技巧,seo实战作者lzw

boxmove(d1,d2,d3,e,obj)

d1 = 外围容器

d2 = 内容

d3 = 复制d2的内容接替循环滚动

e = 方向与方法

1,2,3,4 = 自动滚动,分别对应:上,右,下,左

"top","right","bottom","left" = 手动滚动,分别对应:上,右,下,左

obj = 选择手动滚动时设置为this,用于事件绑定操作。自动滚动时无须设置。

网盘开源系统源码,dos中打开vscode,ubuntu ssd体验,监控tomcat 线程池,sqlite编辑器使用说明,房间里总会爬虫子进来是怎么回事,php 信箱源码,蓝天seo企微助手,域名减短网站源码,织梦文章模板增加属性lzw

滚动合集 -// 自动滚动 function boxmove(d1,d2,d3,e,obj){var speed=30;var demo=document.getElementById(d1);var demo1=document.getElementById(d2);var demo2=document.getElementById(d3);demo2.innerHTML=demo1.innerHTML;function boxTop(){ if(demo2.offsetTop-demo.scrollTop<=0){demo.scrollTop-=demo1.offsetHeight} else{demo.scrollTop++} }function boxRight(){ if(demo.scrollLeft=0){demo.scrollTop+=demo2.offsetHeight} else{demo.scrollTop--} }function boxLeft(){ if(demo2.offsetWidth-demo.scrollLeft<=0){demo.scrollLeft-=demo1.offsetWidth} else{demo.scrollLeft++} }if(e==1){ var MoveTop=setInterval(boxTop,speed); demo.onmouseover=function(){clearInterval(MoveTop);} demo.onmouseout=function(){MoveTop=setInterval(boxTop,speed)} }if(e==2){ var MoveRight=setInterval(boxRight,speed); demo.onmouseover=function(){clearInterval(MoveRight)} demo.onmouseout=function(){MoveRight=setInterval(boxRight,speed)} }if(e==3){ var MoveBottom=setInterval(boxBottom,speed); demo.onmouseover=function(){clearInterval(MoveBottom);} demo.onmouseout=function(){MoveBottom=setInterval(boxBottom,speed)} }if(e==4){ var MoveLeft=setInterval(boxLeft,speed) demo.onmouseover=function(){clearInterval(MoveLeft)} demo.onmouseout=function(){MoveLeft=setInterval(boxLeft,speed)} }if(e=="top"){ MoveTop=setInterval(boxTop,speed) obj.onmouseout=function(){clearInterval(MoveTop);} }if(e=="right"){ MoveRight=setInterval(boxRight,speed) obj.onmouseout=function(){clearInterval(MoveRight);} }if(e=="bottom"){ MoveBottom=setInterval(boxBottom,speed) obj.onmouseout=function(){clearInterval(MoveBottom);} }if(e=="left"){ MoveLeft=setInterval(boxLeft,speed) obj.onmouseout=function(){clearInterval(MoveLeft);} }}

仿魔酷阁源码模板,ubuntu安装磁力链接,修改tomcat端口号文件,主要的几种爬虫,php 源码有什么用,seo技术介绍lzw

div#a,div#b,div#c,div#d { float:left;} h2 { clear:both; } div#b,div#d,div#bb { white-space:nowrap; }

滚动合集

向上

boxmove(“a”,”a1″,”a2″,1);

向右

boxmove(“b”,”b1″,”b2″,2);

向下

boxmove(“c”,”c1″,”c2″,3);

向左

boxmove(“d”,”d1″,”d2″,4);

手动滚动 –

手动滚动 –

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。