导航:首页 > 万维百科 > 新闻类网页设计文字滚动代码

新闻类网页设计文字滚动代码

发布时间:2020-12-03 05:07:26

1、设计网页,用滚动字幕显示为:“xxxx”。 (要求文字上、下、左、右交替滚动)该怎么写代码

上下交替滚动代码:

<marquee behavior="alternate" direction="down" bgcolor="#aaaaee" align="middle" scrolldelay="120">欢迎您的光临!</marquee>


左右交版替滚动代权码:

<marquee behavior="alternate" direction="left" bgcolor="#aaaaee" align="middle" scrolldelay="120">欢迎您的光临!</marquee>

2、网页制作中常用的代码有?比如说图片滚动代码,图片切换代码,文字排版代码等。急需

试试这个图片切换

有12345数字一起切换

鼠标点一下数字会变换到另一张图片,不点就会自动换

里面有教程和源码

3、网页中制作文字与图片滚动效果

里面的table自己改
我给你贴代码

<div id=demo style="overflow:hidden; width:213px; height:100px;"> <div id=demo1>
<table width="336" border="0" cellpadding="0" cellspacing="0">
<%set rs=server.CreateObject("adodb.recordset")
sql="select top 10 * from news where lm2_id=146 order by id desc"
rs.open sql,conn,1,1
if rs.eof and rs.bof then
response.Write("<tr><td>无记录</td></tr>")
else
for i=1 to rs.recordcount%>

<tr>
<td><a href="liang.asp?id=<%=rs("id")%>&lm=<%=Server.URLEncode("重要企业展台")%>"><%=left(rs("subject"),33)%></a>...</td>

</tr>

<%rs.movenext
next
end if%></table></div>
<div id=demo2></div>
</div> <script language="javascript">
var speed=30 // 值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){

if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}

//上下左右无间隙滚动 最主要是 if 语句的代码修改
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

4、如何制作网页滚动文字

首先让我们认识这个<marquee>标签,它是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。
behavior属性

behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次,需要注意的是:如果在<marquee>标签中同时出现了direction和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。如下所示:

<marquee behavior="alternate">我来回滚动</marquee>

我来回滚动

<marquee behavior="scroll">我单方向循环滚动</marquee>

我单方向循环滚动

<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee>

我改单方向向上循环滚动

<marquee behavior="slide">我只滚动一次</marquee>

我只滚动一次

<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>

我改向上滚动一次了

bgcolor属性

文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。如下所示:

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee>

我的背景色是红色的

direction属性

文字滚动的方向,属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。如下所示:

<marquee direction="right">我向右滚动</marquee>

我向右滚动

<marquee direction="right">我向下滚动</marquee>

我向下滚动

5、Dreamweaver制作网页时的图片字体滚动效果怎么编写代码?

1.<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount="2" direction="up" behavior="scroll">把你的内容放这里</marquee>这个代码是比较简单的示例,会有空白,如果不想有空白的话还是需要JS的。

2.<MARQUEE scrollAmount=1 scrollDelay=1 direction=right width=180 height=250><IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0>
<DIV></DIV></MARQUEE></CENTER>

数值可以变换,数值的变换可以影响图片速度的滚动!图片滚动方向也可以换!都是简单的英语单词,大家在变换的时候应该没有问题

上下滚动图片代码:

代码:<CENTER>
<MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=170 height=250>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV>
<DIV align=center><IMG src="图片网址" width=300 border=0></DIV></MARQUEE></CENTER>

注:direction方向 可UP可DOWN 宽高 可以换

6、怎么制作网页动态滚动文字...

用marquee即可
比如:
<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200">这是一个滚动字幕</marquee>
在里面加入marquee里面加入herf标签,应该就能实现滚动链接里面添加爱链接,marqueen之间也可以和数据库连接

7、网站设计中,滚动字体的代码是什么?上下滚动和左右滚动,详情代码设置?谢谢

<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=7 direction=up width=270 height=77> 滚动的文字</marquee>
direction=up(上)down(下)left(左)right(右)

8、网页设计字体滚动代码?

文字滚动是由<marquee></marquee>控制的。marquee的参数如下:

1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我从右向左移!</marquee>
<marquee direction=right>啦啦啦,我从左向右移!</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

3、循环 <loop=#> #=次数;若未指定则循环不止(infinite)
如:<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

5、延时 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

6、对齐方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

8、面积 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我会移动耶!</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一个最简单的例子:

代码如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面这两个事件经常用到:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

<marquee >onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动</marquee>

这是一个完整的例子:

代码如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

这是一个完整的例子

</marquee>

该标签支持的属性多达11个:

align

设定<marquee>标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

9、如何制作网页滚动文字

4.3.1 设置文字滚动

HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>。在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动。在D:web目录下创建网页文件,命名为mar.htm,编写代码如代码4.15所示。 

代码4.15 文字滚动的设置:mar.htm

<html>
<head>

<title>文字滚动的设置</title>
</head>
<body>

<font size="5" color="#cc0000">

文字滚动示例(默认):<marquee>做人要厚道</marquee>
</font>

</body>
</html> 

图4.15 设置文字滚动默认形式
从图4.15可得,在未设置宽度时,<marquee></marquee>标签是独占一行的。

4.3.2 设置文字滚动的方向

<marquee></marquee>标签的direction属性用于设置内容滚动方向,属性值有left、right、up、down,分别代表向左、向右、向上、向下,例如以下代码:

<marquee direction="left">做人要厚道</marquee>
<marquee
direction="right">做人要厚道</marquee>
<marquee
direction="up">做人要厚道</marquee>
<marquee
direction="down">做人要厚道</marquee>
4.3.3
设置文字滚动的速度和形式
设置文字滚动使用<marquee></marquee>标签,其属性说明如下。

— <marquee></marquee>标签的scrollamount属性用于设置内容滚动速度。

<marquee></marquee>标签的behavior
属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。当其值为slide时,内容滚动一次即停止,不会循环。还有一个loop属性可设置其滚动循环次数,默认为没有限制。

— <marquee></marquee>标签的scrolldelay属性用于设置内容滚动的时间间隔。

<marquee></marquee>标签的bgcolor属性用于设置内容滚动背景色(类似于body的背景色设置)。

<marquee></marquee>标签的width 属性用于设置内容滚动背景宽度。

<marquee></marquee>标签的height属性用于设置内容滚动背景高度。

修改mar.htm网页文件,编写代码如代码4.16所示。

代码4.16 文字滚动的设置:mar.htm


<html>
<head>
<title>文字滚动的设置</title>

</head>
<body>
<font size="3" color="#cc0000">

文字滚动示例(默认):<marquee>做人要厚道</marquee>
文字滚动示例(向右):<marquee
direction="right" scrolldelay="500">做人要厚道</marquee>

文字滚动示例(向下,滚动方式为slide,速度为10):<marquee scrollamount="10"
behavior="slide">做人要厚道</marquee>

文字滚动示例(默认方向,滚动方式为alternate,循环3次,速度为2):<marquee scrollamount="2"
behavior="alternate" loop="3">做人要厚道</marquee>

文字滚动示例(向上,背景色为#CCFF66,设置了背景宽度和高度):<marquee direction="up"
bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee>

</font>
</body>
</html>

在浏览器地址栏输入http://localhost/mar.htm,浏览效果如图4.16所示。 

图4.16 文字滚动的不同形式

<marquee></marquee>的众多属性能非常方便地制作滚动文字,在后面的JavaScript学习中,读者将继续深化<marquee></marquee>标签的动态行为学习。  

与新闻类网页设计文字滚动代码相关的知识