本文目录
- html文字上下左右交替滚动怎么实现,可以实现么
- html让页面只能上下滑动
- html5 css3 实现手机主屏向上向下滑动
- h5页面上下左右滑动
- 用html和css实现一个上下固定中间滚动的布局
- 在手机html上js怎么判断页面是在向上或者向下滑动
- 如何在HTML页面中实现图片,文字循环上下滚动
- 手机html网页上下滑屏切换图片,到最后一张不能调到第一张,怎么才能让它循环起来,大神赐教!!!
html文字上下左右交替滚动怎么实现,可以实现么
可以使用《marquee》《/marquee》标签,下面是该标签的参数,不明白,再聊。align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;默认为此项behavior="slide":表示由一端快速滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。Height:用于设定滚动字幕的高度。Width:则设定滚动字幕的宽度。Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度.Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
html让页面只能上下滑动
首先 你的代码 不全 怎么看不到 《/body》其次你可以 在style 标签里写body{overflow-x:hidden;overflow-y:auto;}
html5 css3 实现手机主屏向上向下滑动
你原先的 Slideshow 只能移动左右,是因为你的固定"宽度"有设定好,然后把总"宽度"也加进去反过来想,如果要上下滑动的话,你要设定的就是"高度",所以你只要把宽换成高,基本上就没问题了有问题想了解详细可私信我
h5页面上下左右滑动
var startX = 0, startY = 0, operate = 0; backDom.addEventListener(’touchstart’, function(evt) { evt.preventDefault(); var touch = evt.touches, //获取第一个触点 x = Number(touch.pageX), //页面触点X坐标 y = Number(touch.pageY); //页面触点Y坐标 //记录触点初始位置 startX = x; startY = y; }); backDom.addEventListener(’touchmove’, function(evt) { var touch = evt.touches, //获取第一个触点 x = Number(touch.pageX), //页面触点X坐标 y = Number(touch.pageY); //页面触点Y坐标 //判断滑动方向 if (y - startY》0) { //console.log(’下滑了!’); operate = 1; } }); backDom.addEventListener(’touchend’, function() { if(operate == 1){ inviteDom.style.top = "100%" inviteLetterBackwardDom.style.bottom = "-100%" inviteLetterForwardDom.style.bottom = "-100%" } });
用html和css实现一个上下固定中间滚动的布局
《style type="text/css"》
*{margin: 0;padding: 0;}
header{
width: 1000px;
height: 100px;
background: #ccc;
margin: 0 auto;
}
aside{
width: 1000px;
margin: 0 auto;
background:red;
min-height: 500px;
height: 500px;
overflow: hidden;
overflow-y: auto;
}
footer{
width: 1000px;
height: 80px;
background: #ccc;
position: relative;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
《/style》
《header》HEADER《/header》
《aside》
《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》《p》fsf《/p》
《/aside》
《footer》FOOTER《/footer》
望采纳
***隐藏网址***
在手机html上js怎么判断页面是在向上或者向下滑动
var divTwo = $(’.divTwo’);//1.禁用div的滚轮事件$(’.divTwo’).mousewheel(function (e) { return false;});//2.如果滚动条到底底部的时候 禁用window的滚轮滚动//3.判断滚动的方向divTwo.mousewheel(function (e, delta) { var decoration = delta 》 0 ? ’Up’ : ’down’; $(’.divFixed’).text(decoration); var scrollTop = divTwo.scrollTop(); var scrollHegiht = divTwo.scrollHeight; var height = divTwo.height(); //滚动条 到底部且 滚轮向下滚动 if (scrollTop + height 》= scrollHegiht && delta 《 0) { e.preventDefault(); } //滚动条 到顶部 且滚轮向上 else if (scrollTop == 0 && delta 》 0) { e.preventDefault(); }});$(document).mousewheel(function (e, delta) { $(’.divFixed’).text(delta);});
有一个mousewheel.js插件可以实现你说的功能。这是你需要的判断向上或者向下滚动的代码。希望对你有帮助,或者你直接百度一下mousewheel看一下具体的代码。
如何在HTML页面中实现图片,文字循环上下滚动
《DIV id=demo style="OVERFLOW: hidden; WIDTH: 600px; HEIGHT: 190px; top:485px; left:252px;position: absolute;"》 《table border="0" cellspacing="0" cellpadding="0"》 《tr》 《td valign="top" id=demo1》 《!-- 要循环滚动的图片 --》 《table width="600" border="0" align="center" cellpadding="0" cellspacing="0" 》 《tr》 《td width="200" align="center" style="height: 151px"》 《a href="WebDeSign.aspx"》 《img src="images/indexpic1.gif" width="194" height="147" border="0" /》《/a》 《/td》 《td width="200" align="center" style="height: 151px"》 《a href="SoftWare.aspx"》 《img src="images/indexpic2.gif" width="194" height="147" border="0" /》《/a》 《/td》 《td align="center" style="height: 151px; width: 200px;"》 《a href="VhostIndex.aspx"》 《img src="images/indexpic3.gif" width="194" height="147" border="0" /》《/a》 《/td》 《/tr》 《/table》 《/td》 《TD id=demo2 width=1》《/TD》 《/tr》 《/table》《/DIV》 《SCRIPT》 var speed=30//速度数值越大速度越慢 var demo2 = document.getElementById("demo2"); var demo = document.getElementById("demo"); var demo1 = document.getElementById("demo1"); demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft《=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}《/SCRIPT》自己站的效果
手机html网页上下滑屏切换图片,到最后一张不能调到第一张,怎么才能让它循环起来,大神赐教!!!
marquee图片无缝滚动先了解一下对象的几个的属性:innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth: 获取对象的滚动宽度offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft: 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置offsetWidth: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度!