⑴ 如何在HTML中,不用滚动条控制页面的滚动效果
一、页面中某块文字滚动
这种方法是巧妙地利用HTML语言提供的标题元素<marquee>...</marquee>来实现活动字幕效果。
该标记语法格式如下:
<marquee
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>
可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:
align:是设定活动字幕的位置,居左、居中、居右、靠上和靠下三种位置。
Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。
Behavior:用于设定滚动的方式,主要由三种方式:"scroll"、"slide"和"alternate"。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount:用于设定活动字幕的滚动距离。
scrolldelay:用于设定滚动两次之间的延迟时间。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
实现的源代码如下:
<html>
<body>
<div align="center">
<TABLE border=0 cellPadding=0 cellSpacing=0 height=157 width=320>
<TBODY>
<TR>
<TD height=156 vAlign=top width=320>
<marquee direction=up height=156 onmouseout=this.scrollAmount=1 onmouseover=this.scrollAmount=0
scrollAmount=1 scrolldelay=20 scrollleft="0" scrolltop="0">
滚动字幕字幕内容第一行<br>
滚动字幕字幕内容第二行<br>
滚动字幕字幕内容第三行<br>
...<br>
</marquee>
</td>
</tr>
</table>
</div>
</body>
</html>
当鼠标移到marquee区域,触发onmouseover事件,滚屏暂停。
当鼠标移出marquee区域,触发onmouseout事件,滚屏继续。
二、整个网页自动滚动
使用一段JavaScript代码,调用scroll函数,即可实现此功能。
实现方法:
把下面代码入你html文件的<head>和</head>中即可:
<script>
<!--
locate = 0;
function autoscroll()
{if (locate !=400 )
{locate++;scroll(0,locate);
clearTimeout(timer);
var timer = setTimeout("autoscroll()",3);timer;}
}
-->
</script>
把你html文件的<body>部分改为如下设置:
<body onload="autoscroll()" >
说明:可通过改动locate的数值来控制显示页面的长度(原代码中为locate!=400)。将“setTimeout("autoscroll()",3);”中的“3”改为其它的数字可控制速度。
⑵ 文字在图片上滚动的代码是什么
在图片上添加上下滚动文字的源代码:
<DIV><TABLE style="WIDTH: 500px; HEIGHT: 375px" width=500 border=0><TBODY><TR><TD
background=图片地址 height=375><P><MARQUEE style="WIDTH: 500px; HEIGHT: 375px" scrollAmount=1
scrollDelay=50 direction=up width=500 height=375>图片上的文字</MARQUEE></P></TD></TR></TBODY>
代码说明:
1,width=宽度 height=高度 的数值为图片显示的大小比例,必须根据图片实际大小调整;如图片尺寸为1024:768的,其代码中的宽度和高度,也必须变更为1024:768;图片尺寸为500:375的,其代码中的宽度和高度,就必须变更为500:375,否则显示出来的画面不完整;而且代码里四组宽,高数值变更要统一;
2,scrollAmount=1 为字速,数值越大字的运行速度越快;
3,border=0> 为边框数值,0为无边框;填上数字就变为有边框,而且数字的大小,就是边框的宽窄度;
4,direction=up 为字的行走方向 up=上 down=下 ; 如要调整为左右方向的话 left=左 right=右
那字体就会从图片顶端成单行通过;
5,滚动文字行与行之间不要有空行;
具体操作方法如下:
第一步:先要找到做文章背景图片的图片网络地址,否则文章做了一半才去找图片地址就麻烦了;
第二步:进入发表文章窗口;
第三步:勾选“显示源代码”(至关重要!);
第四步:在编辑栏内原有代码后面添加上列代码(代码里应先加好图片地址和你需要加入的文字);
第五步:取消“显示源代码”的选择,就会在编辑栏里看到图片和文字效果了;
第六步:最后,点击发表文章就OK了;
最后还有一条,如果不想让文字滚动的话,那就只须按以上方法操作到第四步时,把准备好的文章(包括已处理好字的大小,字体,颜色),直接复制到图片上,点击发表文章即可;当然,代码里“图片上的文字”这几个字应预先去掉。
⑶ 网页可以滚动 下载源代码不可以滚动
题主是否想询问“网页可以滚动,下载源代码不可以滚动怎么办”?网页可以滚动,下载源代码不可以滚动的解决方法是:
1、打开ie浏览器(每个电脑都自带ie)。
2、右上角选择工具(齿轮状图案)。
3、进行兼容性视图设置。
4、把下载源代码添加进去,下面都勾选上。
5、关闭重启ie即可。
⑷ 用dreamweaver怎么编写文字滚动的源代码
用<marquee loop(循环)输值
direction(方向)
behavive(次数)=“alternate"来回移动
= ”scroll"绕圈移动
=“slide"只移动一次
scrollamount(速度快)
scrolldelay(速度慢)
显示面积
⑸ 如何滚动公告栏,什么源代码如何滚动公告
1、先给一个例子,抄下面袭再做详细讲解
<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>
--这个例子是从左向左滚动
2、各参数详解:
a) scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b) width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c) direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d) scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e) behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
3、根据需要设置对应的参数,就可以实现滚动啦,把想要滚动的div标签包含在marquee标签里面。