JS滚动代码
水平滚动
[@more@]
|
function $(eid){
return document.getElementById(eid);
}
function changeW(marq,tab,div2,wid){
$(marq).style.width = wid;
$(tab).style.width = wid;
$(div2).style.width = wid;
}
div2.innerHTML = div1.innerHTML;
function marqLeft(){
if(marq.scrollLeft>=div1.scrollWidth){
marq.scrollLeft=0
}else{
marq.scrollLeft++
}
}
var speed = 30 ; //滚动速度
var wid = 240 ; //指定滚动层宽度
window.onload = function(){
changeW("marq","tab","div2",wid);
var myq=setInterval(marqLeft,speed)
marq.onmouseover=function() {clearInterval(myq)}
marq.onmouseout=function(){
myq=setInterval(marqLeft,speed)
}
}
// -->
|
function $(eid){
return document.getElementById(eid);
}
function changeW(marq,tab,div2,wid){
$(marq).style.width = wid;
$(tab).style.width = wid;
$(div2).style.width = wid;
}
div2.innerHTML = div1.innerHTML;
function marqLeft(){
if(marq.scrollLeft>=div1.scrollWidth){
marq.scrollLeft=0
}else{
marq.scrollLeft++
}
}
var speed = 30 ; //滚动速度
var wid = 240 ; //指定滚动层宽度
window.onload = function(){
changeW("marq","tab","div2",wid);
var myq=setInterval(marqLeft,speed)
marq.onmouseover=function() {clearInterval(myq)}
marq.onmouseout=function(){
myq=setInterval(marqLeft,speed)
}
}
// -->
垂直滚动
view plaincopy to clipboardprint?
1、尊重他人劳动成果，转载请自觉注明出处！
2、尊重他人劳动成果，转载请自觉注明出处！
3、尊重他人劳动成果，转载请自觉注明出处！
4、尊重他人劳动成果，转载请自觉注明出处！
function $(eid){
return document.getElementById(eid);
}
function changeH(marq,div1,div2,h){
$(marq).style.height = h;
$(div1).style.height = h;
$(div2).style.height = h;
}
div2.innerHTML = div1.innerHTML;
function marqTop(){
if(marq.scrollTop>=div1.scrollHeight){
marq.scrollTop=0 ;
}else{
marq.scrollTop++ ;
}
}
var speed = 30 ; //滚动速度
var h = 58 ; //指定滚动层高度
window.onload = function(){
changeH("marq","div1","div2",h);
var myq=setInterval(marqTop,speed)
marq.onmouseover=function() {clearInterval(myq)}
marq.onmouseout=function() {
myq=setInterval(marqTop,speed)
}
}
// -->
1、尊重他人劳动成果，转载请自觉注明出处！
2、尊重他人劳动成果，转载请自觉注明出处！
3、尊重他人劳动成果，转载请自觉注明出处！
4、尊重他人劳动成果，转载请自觉注明出处！
function $(eid){
return document.getElementById(eid);
}
function changeH(marq,div1,div2,h){
$(marq).style.height = h;
$(div1).style.height = h;
$(div2).style.height = h;
}
div2.innerHTML = div1.innerHTML;
function marqTop(){
if(marq.scrollTop>=div1.scrollHeight){
marq.scrollTop=0 ;
}else{
marq.scrollTop++ ;
}
}
var speed = 30 ; //滚动速度
var h = 58 ; //指定滚动层高度
window.onload = function(){
changeH("marq","div1","div2",h);
var myq=setInterval(marqTop,speed)
marq.onmouseover=function() {clearInterval(myq)}
marq.onmouseout=function() {
myq=setInterval(marqTop,speed)
}
}
// -->
新闻轮翻效果
view plaincopy to clipboardprint?
.mar{
border:#a2c66d 1px dotted;
padding:3px;
}
a{
text-decoration:none;
}
-->
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ppjava2009/archive/2010/02/24/5323318.aspx
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/23493047/viewspace-1033131/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
Form对象
下一篇：
子窗体与父窗体的通讯
请登录后发表评论
登录
全部评论
