用DHTML制作带链接的滚动公告栏

dhtml|链接

不少JavaScript高手的主页上都有用JavaScript编写的带链接的滚动公告栏,不但使主页有限的空间显示更多内容,也使主页增加了动态效果,令人赏心悦目,让许多不懂JavaScript的菜鸟羡慕不已。其实,不用JavaScript,用DHTM提供的字幕<marquee>也能达到相同的效果,且简单得多。下面我就给大家介绍以下字幕的用法: 
  在HTML文档中用<marquee></marquee>标记对插入字幕。字幕<marquee>主要有下列属性: 

  align:字幕文字对齐方式 
  width:字幕高度 
  high:字幕高度 
  direction:文字滚动方向,其值可取right,left,up,down; 
  behavior:字幕动态效果 ,其值可取scroll(滚动),slide(幻灯片),alteernat(交替),默认值为scroll; 
  scrolldelay:滚动延迟时间,单位毫秒 
  scrollamount:滚动数量,单位像素。 

  另外可以用color,bgcolor,font-size等属性对字幕文字进行修饰。字幕文字写在<marquee></marquee>标记对之间,字幕文字中也可插入HTML标记,这就使得我们可以在字幕文字中插入超级链接。为了更好地控制字幕在页面上的位置,建议最好将字幕放在表格中。下面是一个带链接的滚动公告栏的实例: 

  <table border=″0″ cellpadding=″0″ cellspacing=″0″width=″100%″ height=″80″> 
   <tr> 
   <td width=″ 100%″ height=″77″><marquee direction=″up″ height=″50″ scrollAmount=″2″ 
  style=″COLOR: rgb(100,100,100); FONT-FAMILY: 宋体_GB2312; FONT-SIZE: 9pt″  width=″500″  border=″0″> 
  
 
   欢迎访问:<a href=″http://202.200.93.33″>游戏总动员</a>,我们的口号是Just Play
 
   本站包括以下栏目:
 
   网页制作教学:<a href=″jiaocheng/flash/teach.htm″>Flash教程</a>,<a href=″jiaocheng/dhtml/dhtml1.htm″>DHTM教程</a>,Javascript教程,<a href=″jiaocheng/dhtml/aspbase.htm″>Asp教程</a>
 
   小游戏:提供本地下载
 
开心小软件:很好玩,好东西要与朋友分享,不妨送给你的朋友
 
  </marquee></td> 
  </tr> 
  </table> 

  另外,须要注意的是,FrontPage98编辑器不支持在字幕文字中插入HTML标记,因此,用FrontPage98编辑器不能在网页中编辑上面的代码,你可以用文本编辑器来编辑。赶快动手试试吧!  

时间: 2024-11-01 10:51:38

用DHTML制作带链接的滚动公告栏的相关文章

java新人求代码:用myeclipse制作一个带链接的网页,该网页可实现冒泡排序

问题描述 java新人求代码:用myeclipse制作一个带链接的网页,该网页可实现冒泡排序 用myeclipse10制作一个网页,该网页带有提交按钮,点击该按钮后可以实现冒泡排序.要全部代码,谢谢 解决方案 用不用eclipse就没关系了,这个用js就能实现,不需要服务器端,用记事本就能写.http://www.codesec.net/view/176782.html 解决方案二: 首先,建议了解下java web基础,知道怎么从前台页面,到后台的执行流程. 其次,设计页面元素,确定你的冒泡排

Excel怎么制作带控件的动态图表

  Excel怎么制作带控件的动态图表          先看效果: 图表中始终显示5天的PM2.5数据,当调整滚动条时,图表会自动更新结果. 首先是数据源,为某地一个时期的PM2.5数据. 步骤一 先插入一个滚动条控件. 右键单击控件,设置控件格式. 最小值选择1 最大值可以根据数据情况来决定 单元格链接选择一个空白单元格,如D6. 步骤二 按Ctrl+F3,打开名称管理器,新建两个自定义名称: 日期 =OFFSET(Sheet1!$A$1,Sheet1!$D$6,,5) 数据 =OFFSET

网站中制作友情链接的一些小技巧

技巧|链接|友情链接 帮你的页面瘦身 我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘,再用浏览器解释查看的.下载网页的快慢在显示速度上占了很大比重,所以,网页本身所占的空间越小,那么浏览速度就会越快.这就要求在做网页的时候遵循一切从简的原则,如:不要使用太大的Flash动画.图片等资源.干净.简洁的页面会给人一种思路明朗的感觉. 网站计数器代码放置的技巧 在网页里放置计数器可以统计网站的访问流量,为站长和广告商家提供访问依据,但是,不管功能有多强大的网站统计系统,都会有出故障的时候.如

无间隔纵向滚动公告栏

<!---  无间隔纵向滚动公告栏  绝无marquee的间隔情况  作者:唠叨  e-mail:czjsz_ah@stats.gov.cn  2002.12---> <span id="_tv_box" style="width:150;height:60;overflow:hidden" onMouseOver="_tv_start=false" onMouseOut="_tv_start=true"&g

让博客带链接文章收录的几个操作要点

很多时候就看见群里有人说"博客老不见收录.不带链接的就秒收,一带链接就不收了,怎么回事",我之前也是遇到这样的情况,刚建那会还好,每发一篇都是秒收,但是一带上链接就不给收录了,曾经也一度因为这个原因而选择放弃了博客推广.但是由于论坛平台的极不稳定性,我又重新开始用博客推广手段.不知现在是我的运气好还是操作得比较得当,如今我的博客发布的文章不管是否带链接基本都可以收录.下面来说下我的操作手法. 1.新建博客(这里主要针对百度和新浪),将该设置好的资料和头像都设置好,博客名称可以用与你网站

用InstallShield6.22制作带ODBC安装软件

项目快接近尾声了,总要给自己精心制作的东东做一件漂亮的嫁衣吧.我选择 了InstallShield6.22来制作带ODBC数据库的安装软件,InstallShield可以说是 软件安装的最好制作工具.废话少说,让我们一齐动手! 首先,用 InstallShield的project wizard创建一个standard setup project,如图一中输 入工程名,应用程序名.公司名.版本号.选择自己做好的可执行文件,选择下 一步. 图一 步骤一 在向导的step2中选择语言,继续按下一步如图

WPS演示中怎么制作带图片的图标按钮

  WPS演示中怎么制作带图片的图标按钮           1.打开WPS演示,新建空白文档,把里面的文本框全部删除. 2.点击菜单栏--插入--形状. 3.选择一款图标样式. 4.鼠标按住不放,在空白处画出该图标. 5.右击图标,选择设置对象格式. 6.在颜色与线条标签,点击颜色后面的小三角符号,选择填充效果. 7.然后切换到图片标签,点击插入图片. 8.在本地选择一张精美的图片,插入. 9.OK了,看看制作的图标,是不是很精美呢?

Excel制作带涨跌箭头的柱形图的方法

  Excel制作带涨跌箭头的柱形图的方法          基础数据与图表效果 第1步:单击数据区域任意单元格,点击[插入][簇状柱形图].插入一个默认样式的柱形图. 第2步:依次单击网格线,按Delete键清除.同样的方法,去掉图表标题,主纵坐标轴.图例项. 第3步:右键单击图表数据系列[设置数据系列格式],系列重叠为-8%;分类间距为90%. 设置数据系列填充颜色: 第4步:添加辅助数据. Y轴1公式为: =IF(C2 Y轴2公式为: =IF(C2>=B2,C2+1,NA()) 复制Y轴1

Word怎么制作带备忘录的精美日历?

  Word怎么制作带备忘录的精美日历?          1.首先,新建一个文档,双击标尺,调出页面设置(也可以在页面布局--页面设置中进入);将页边距设置为2cm,纸张为B5纸(A4纸太大,也可以自定义). 2.之后,在文档中按两次Enter键,光标位于第二个段落标记上;点击插入--表格,建立一个7列6行的表格. 3.建立后,点击表格右下角的控制点,向下拖动,使其扩大. 4.扩大后,鼠标放在表格第二条线上,按左键不动向上拖放;并将光标置于第一个标记上,输入内容,设置字体,大小 . 5.因表格