js文字左右循环滚动(js文字向上循环滚动)
js文字由左向右无间断滚动效果
script type="text/javascript"
var speed=30;
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
demo的css一定要设定width和overflow:hidden
div id="demo"
table border="0" cellspacing="0" cellpadding="0"
tr
td
div id="demo1"
table width="1000" height="172" border="0" cellpadding="0" cellspacing="0"
tr
td
文字放这里
/td
/tr
/table
/div
/td
td
div id="demo2"/div
/td
/tr
/table
/div
原理demo2复制demo1然后连成一行,demo1滚动完滚动demo2因为内容一样所以看不出来,demo2滚动完滚动demo1
要用js的方式实现文字滑动显示!
css方式;
marquee behavior="alternate"来回滚动/marquee
js方式:
js难题(从右向左滚动)
不用那么复杂的代码行不
这个效果一段简单的代码就搞定了
div align="center"
marquee scrollamount="4" width="500" onmouseover=this.stop() onmouseout=this.start()
IT资讯交流网页
/marquee
/div
还可以加别的属性参数
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
JS点击左右键滚动中间内容怎么做呢。找了好多案例都不好改
根据你的具体情况,有两种思路。
第一种,类似于滑动效果,用强父元素,overflow:hidden了。然后通过点击左右的键,获取当前父元素的宽度,修改父元素css属性的left,注意,position:absolute时left才起作用。
第二种就比较简单。就是简单的隐藏,点击左右,隐藏第一屏的信息,再次点击,隐藏第一、第二屏的信息,依次类推,当最后一屏的时候,又开始显示第一屏的信息,这样就是循环了。可以用fadeIn()等方法来加入一些效果
思路就是这样,说起来麻烦,其实很简单、