• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

企通互联理解Web框架,和如何构建一个CSS框架
企通互联学习掌握HTML 元素
网站建设教程/dreamweaver/入门 Dreamweaver 4 简明教程10(网页的排版)
北京网站设计RSS 2.0 标准2
北京网站建设4天学会 NoahWeb 表单 - 第三天
网页设计Flash MX 2004 显示外部css和html文件
北京网页设计用Dreamweaver进行数据库操作
网页设计管理员页面的实现-Dreamweaver构建Blog全程实录
网站建设在页面里插入flash
北京网页设计学习Div+CSS从何入手技术


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网站制作 >> www.qitongnet.com网站建设发些滚动的代码

www.qitongnet.com网站建设发些滚动的代码


作者: 北京网站建设   日期:2008-03-27 06:03:34  来源: http://www.qitongnet.com

1、逐条显示的滚动(间歇性滚动)

<table width="250" border="0" cellspacing="0" cellpadding="0">网页设计
<tr>北京网页设计
<td height="78"><DIV id=icefable1>网站建设
<TABLE cellSpacing=0 cellPadding=0 width=246 border=0 cellspcing="0">网页设计
<TBODY>北京网页设计
<TR>企通互联
<TD align="center">{FS400_推荐滚动}<TD></TR></TBODY></TABLE>企通互联
</DIV>北京网站设计
<SCRIPT>网站建设
marqueesHeight=60;北京网站建设
stopscroll=false;北京网站建设
with(icefable1){网站制作
style.width=246;网站建设
style.height=marqueesHeight; 北京网站建设北京网页设计
style.overflowX='visible';北京网站建设
style.overflowY='hidden';网站建设
noWrap=true;企通互联
onmouseover=new Function('stopscroll=true');北京网站设计
onmouseout=new Function('stopscroll=false');北京网页设计 北京网站制作
}企通互联
preTop=0; currentTop=30; stoptime=0;北京网站制作
icefable1.innerHTML+=icefable1.innerHTML;北京网页设计
function init_srolltext(){网站制作
icefable1.scrollTop=0;网站设计
setInterval('scrollUp()',20);//滚动速度 北京网页设计北京网页设计
}init_srolltext();

function scrollUp(){网页设计
if(stopscroll==true) return;北京网页设计
currentTop+=1;北京网站制作
if(currentTop==60) //滚动距离网页设计
{北京网站设计
stoptime+=1;网页设计
currentTop-=1;网站建设
if(stoptime==60) //滚动间距北京网站制作
{网站制作
currentTop=0;北京网页设计
stoptime=0; 企通互联
}北京网页设计
}北京网站制作
else { 企通互联
preTop=icefable1.scrollTop;网站建设
icefable1.scrollTop+=1;北京网站建设
if(preTop==icefable1.scrollTop){网站建设
icefable1.scrollTop=120;网站设计
icefable1.scrollTop+=1;网站设计
}网站建设
}

}北京网站制作
</SCRIPT></td>北京网站建设
</tr>北京网站设计
</table>

2、间歇性滚动js代码间歇性滚动js代码

<DIV id=icefable1> 网页设计
<p>放被循环内容</p>网站制作
<p>9999999999</p>北京网站建设
<p>0000000000 </p>网站设计
</DIV>

<DIV id=icefable2 style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"></DIV>

<SCRIPT>北京网站制作
marqueesHeight=90;网站制作
stopscroll=false;北京网站建设
icefable1.scrollTop=0;

with(icefable1){网站设计
style.width=0;网站制作
style.height=marqueesHeight;企通互联
style.overflowX="visible";北京网站建设
style.overflowY="hidden";北京网站制作
noWrap=true;北京网站设计
onmouseover=new Function("stopscroll=true");北京网站设计
onmouseout=new Function("stopscroll=false");北京网站制作
}

preTop=0; currentTop=0; stoptime=0;

function init_srolltext(){北京网页设计
icefable2.innerHTML="";北京网页设计
icefable2.innerHTML+=icefable1.innerHTML; 北京网站设计
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML; 网站建设企通互联
setInterval("scrollUp()",50);北京网站设计
}网站制作
function scrollUp(){网站制作
if(stopscroll==true) return;网站建设
currentTop+=1;北京网页设计
if(currentTop==17)北京网站制作
{北京网站设计
stoptime+=1;网站建设
currentTop-=1;网页设计
if(stoptime==50) 企通互联
{ 网站制作北京网站设计
currentTop=0;网站设计
stoptime=0; 网站设计北京网站设计
}网站制作 网页设计
}网页设计
else { 网站制作
preTop=icefable1.scrollTop;北京网站制作
icefable1.scrollTop+=1;北京网页设计
if(preTop==icefable1.scrollTop){企通互联
icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;北京网站制作 企通互联
icefable1.scrollTop+=1;网站设计
}北京网站制作
}

}网站设计
init_srolltext();网站建设
</SCRIPT>

3:横向滚动网页设计
<div id=demo style=overflow:hidden;height:99;width:727;>北京网站设计
                <div id=demo1>{FS_全站图片}网页设计
                </div>网站设计
                <div id=demo2></div>网站制作
              </div>北京网站设计
                <script>网页设计
   var speed=20北京网站制作
   demo2.innerHTML=demo1.innerHTML网站设计
   function Marquee3(){网站制作
   if(demo2.offsetTop-demo.scrollTop<=0) 网站制作
   demo.scrollTop-=demo1.offsetHeight  网站建设
   else{北京网站设计
   demo.scrollTop++网站设计
   }北京网站设计
   }北京网站制作
   var MyMar=setInterval(Marquee3,speed) 网站设计
   demo.onmouseover=function() {clearInterval(MyMar)} 网站设计
  demo.onmouseout=function() {MyMar=setInterval(Marquee3,speed)} 网站制作
          </script>;网站设计

网站建设
字体:【大】【中】【小】

上一篇:企通互联标题下的分隔线在4.0中如何设置,还有标题的行间距

下一篇:网页设计添加文字广告的解决方案!

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates