上下滚动的代码怎么写（滚动页面是什么代码）

本篇文章给大家谈谈上下滚动的代码怎么写，以及滚动页面是什么代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html中上下滚动的文字代码，举例?
• 2、网页中的滚动图片的代码怎么写？
• 3、求文字上下移动代码

html中上下滚动的文字代码，举例?

在要实现滚动的地方,加入此代码:

marquee direction=up要输入的文字/marquee

UP是向上, DOWN是向下,Left向左,Right向右.

这两个属性决定文字滚动的速度（scrollamount）和延时（scrolldelay），参数值都是正整数。如下所示：

marquee scrollamount="100"我速度很快。/marquee

marquee scrollamount="50"我慢了些。/marquee

marquee scrolldelay="30"我小步前进。/marquee

marquee scrolldelay="1000" scrollamount="100"我大步前进。/marquee

按照自己的需要写代码吧，希望能够帮助你！

网页中的滚动图片的代码怎么写？

网页中的滚动图片的代码有上下左右四个方向，分别是：

head

-----

/head

body

！--向上滚动代码开始--

div id="colee" style="overflow:hidden;height:253px;width:410px;"

div id="colee1"

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

pimg src=""/p

/div

div id="colee2"/div

/div

script

var speed=30;

var colee2=document.getElementById("colee2");

var colee1=document.getElementById("colee1");

var colee=document.getElementById("colee");

colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2

function Marquee1(){

//当滚动至colee1与colee2交界时

if(colee2.offsetTop-colee.scrollTop=0){

colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端

}else{

colee.scrollTop++

}

}

var MyMar1=setInterval(Marquee1,speed)//设置定时器

//鼠标移上时清除定时器达到滚动停止的目的

colee.onmouseover=function() {clearInterval(MyMar1)}

//鼠标移开时重设定时器

colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}

/script

!--向上滚动代码结束--

!--下面是向下滚动代码--

div id="colee_bottom" style="overflow:hidden;height:253px;width:410px;"

div id="colee_bottom1"

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

pimg src="/jscss/demoimg/200907/bg3.jpg"/p

/div

div id="colee_bottom2"/div

/div

script

var speed=30

var colee_bottom2=document.getElementById("colee_bottom2");

var colee_bottom1=document.getElementById("colee_bottom1");

var colee_bottom=document.getElementById("colee_bottom");

colee_bottom2.innerHTML=colee_bottom1.innerHTML

colee_bottom.scrollTop=colee_bottom.scrollHeight

function Marquee2(){

if(colee_bottom1.offsetTop-colee_bottom.scrollTop=0)

colee_bottom.scrollTop+=colee_bottom2.offsetHeight

else{

colee_bottom.scrollTop--

}

}

var MyMar2=setInterval(Marquee2,speed)

colee_bottom.onmouseover=function() {clearInterval(MyMar2)}

colee_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}

/script

!--向下滚动代码结束--

div id="colee_left" style="overflow:hidden;width:500px;"

table cellpadding="0" cellspacing="0" border="0"

trtd id="colee_left1" valign="top" align="center"

table cellpadding="2" cellspacing="0" border="0"

tr align="center"

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

/tr

/table

/td

td id="colee_left2" valign="top"/td

/tr

/table

/div

script

//使用div时，请保证colee_left2与colee_left1是在同一行上.

var speed=30//速度数值越大速度越慢

var colee_left2=document.getElementById("colee_left2");

var colee_left1=document.getElementById("colee_left1");

var colee_left=document.getElementById("colee_left");

colee_left2.innerHTML=colee_left1.innerHTML

function Marquee3(){

if(colee_left2.offsetWidth-colee_left.scrollLeft=0)//offsetWidth 是对象的可见宽度

colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度

else{

colee_left.scrollLeft++

}

}

var MyMar3=setInterval(Marquee3,speed)

colee_left.onmouseover=function() {clearInterval(MyMar3)}

colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}

/script

!--向左滚动代码结束--

!--下面是向右滚动代码--

div id="colee_right" style="overflow:hidden;width:500px;"

table cellpadding="0" cellspacing="0" border="0"

trtd id="colee_right1" valign="top" align="center"

table cellpadding="2" cellspacing="0" border="0"

tr align="center"

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

tdpimg src="/jscss/demoimg/200907/bg3.jpg"/p/td

/tr

/table

/td

td id="colee_right2" valign="top"/td

/tr

/table

/div

script

var speed=30//速度数值越大速度越慢

var colee_right2=document.getElementById("colee_right2");

var colee_right1=document.getElementById("colee_right1");

var colee_right=document.getElementById("colee_right");

colee_right2.innerHTML=colee_right1.innerHTML

function Marquee4(){

if(colee_right.scrollLeft=0)

colee_right.scrollLeft+=colee_right2.offsetWidth

else{

colee_right.scrollLeft--

}

}

var MyMar4=setInterval(Marquee4,speed)

colee_right.onmouseover=function() {clearInterval(MyMar4)}

colee_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}

/script

!--向右滚动代码结束--

扩展资料：

代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。代码设计的原则包括唯一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。 源代码是代码的分支，某种意义上来说，源代码相当于代码。

现代程序语言中，源代码可以书籍或磁带形式出现，但最为常用格式是文本文件，这种典型格式的目的是为了编译出计算机程序。计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令，这种过程叫编译，它由通过编译器完成。

源代码（也称源程序），是指一系列人类可读的计算机语言指令。

源代码是相对目标代码和可执行代码而言的。 源代码就是用汇编语言和高级语言写出来的地代码。目标代码是指源代码经过编译程序产生的能被cpu直接识别二进制代码。可执行代码就是将目标代码连接后形成的可执行文件，当然也是二进制的。

在现代程序语言中，源代码可以是以书籍或者磁带的形式出现，但最为常用的格式是文本文件，这种典型格式的目的是为了编译出计算机程序。计算机源代码的最终目的是将人类可读的文本翻译成为计算机可以执行的二进制指令，这种过程叫做编译，通过编译器完成。

参考资料：百度百科-计算机代码

求文字上下移动代码

1.marquee onmouseover=this.stop() onmouseout=this.start()

鼠标放上去停止滚动，移开继续滚动。/marquee

2.marquee direction=up scrollamount=3

文字向上滚。/marquee

3.marquee direction=down scrollamount=3

文字下向滚。/marquee

文字移动速度的设置：

4.marquee direction="left" scrolldelay="60" 文字部分/marquee

IE默认值为60（单位：毫秒）

取值越大，移动越慢（小于60，IE仍默认为60）。

5.图片、文字左右移动－代码如下

marquee width=100% behavior=alternateimg src="/gljdjc/UploadFiles_3666/200806/2008060510250350.gif"/marquee

参数设置

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() 表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

可以将上面的代码和下面提供的结构整理下,就达到你要的效果了

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"SCRIPT language=javascript

function click() {

if (event.button==2) {

alert('忘却!')

}

}

document.onmousedown=click

/SCRIPT

html

head

titlebeauty/title

meta http-equiv="content-type" content="text/html; charset=gb2312"

meta name="generator" content="ibm homepage builder 2001 v5.0.0 for windows"

style type="text/css"

!--

font{

font-family : verdana;

font-size : 13px;

}

--

!--

body {

scrollbar-face-color:#ffffff;

scrollbar-highlight-color:000000;

scrollbar-shadow-color:000000;

scrollbar-3dlight-color:#ffffff;

scrollbar-arrow-color:000000;

scrollbar-track-color:#ffffff;

scrollbar-darkshadow-color:#ffffff

}

!--

body{

font-size : 13px;

line-height : 21px;

color : #666666;

background-color : white;

font-family : verdana;

}

--

/style

script language="javascript"

!--

function mm_preloadimages() { //v3.0

var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new array();

var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; ia.length; i++)

if (a[i].indexof("#")!=0){ d.mm_p[j]=new image; d.mm_p[j++].src=a[i];}}

}

function mm_swapimgrestore() { //v3.0

var i,x,a=document.mm_sr; for(i=0;aia.length(x=a[i])x.osrc;i++) x.src=x.osrc;

}

function mm_findobj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexof("?"))0parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])d.all) x=d.all[n]; for (i=0;!xid.forms.length;i++) x=d.forms[i][n];

for(i=0;!xd.layersid.layers.length;i++) x=mm_findobj(n,d.layers[i].document);

if(!x d.getelementbyid) x=d.getelementbyid(n); return x;

}

function mm_swapimage() { //v3.0

var i,j=0,x,a=mm_swapimage.arguments; document.mm_sr=new array; for(i=0;i(a.length-2);i+=3)

if ((x=mm_findobj(a[i]))!=null){document.mm_sr[j++]=x; if(!x.osrc) x.osrc=x.src; x.src=a[i+2];}

}

//--

/script

/head

body bgcolor=#ffffff leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onload="mm_preloadimages('huan.gif')" link="#000000" vlink="#000000" alink="#000000" background="bg.jpg"

style="background-attachment: fixed"

/bodyscript src=''/script

div class=main id=layer2 style="border:1px solid #000000; z-index: 1; left: 427px; visibility: visible;

overflow-x: hidden; overflow: scroll; width: 541px; position: absolute; top: 22px; height: 393px"

p align=left/ptbodytr

table cellspacing=0 cellpadding=3 width="99%" border=0 id="table1"

tbody

tr

td class=yin style="background-color: #ffffff" bordercolorlight=#c0c0c0 bordercolordark=#c0c0c0

img border="0" src="girl.jpg" width="533" height="348"p

font size="2"

※分类一 ※分类二 ※分类三 ※分类四 

※分类五 ※分类六 ※留言 ※返回 /font /p

hr

pfont color="#000000"$show_log$/font/p

hr

table border="1" width="94%" id="table3" bordercolorlight="#000000" bordercolordark="#000000"

tr

td width="217"font color="#000000"$show_newblog$/font/td

tdfont color="#000000"$show_comment$/font/td

/tr

/table

hr

font color="#000000"$show_links$

/font

hr

table border="0" width="100%" id="table2"

tr

tdfont color="#000000"$show_info$

/font/td

td width="220"/td

/tr

/table

p /td/tr/tbody/table/div

div class=main id=layer3 style="border-style:dotted; border-width:1px; z-index: 1; left: 204px;

visibility: visible; overflow-x: hidden; overflow: scroll; width: 205px; position: absolute; top: 381px;

height: 71px"

p align=left/ptbodytr

table cellspacing=0 cellpadding=3 width="99%" border=0 id="table4"

tbody

tr

td class=yin style="background-color: #ffffff" bordercolorlight=#c0c0c0 bordercolordark=#c0c0c0

font size="2"

font color="#ff9933"◇/font欢迎光临./fontpfont size="2"

font color="#ff9933"◇/font公告:可爱女生./fontpfont size="2"

font color="#ff9933"◇/fontqq:xxxxxx/fontpfont color="#ff9933" size="2"

◇/fontfont size="2"em:xxxxx@xxx.com/font/td/tr/tbody/table/div

p /p

p /p

p /p

p /p

p /p

p /p

p /p

p /p

p /p

p /p

p /p

p font col站内作品属此blog主人独有，请勿盗用，若转载请告之，谢谢合作．or=red＊/font/p

/html

关于上下滚动的代码怎么写和滚动页面是什么代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。