`

html,jsp滚动字幕图片代码

    博客分类:
  • JSP
 
阅读更多

 <marquee scrollAmount="3" width="800" height="100" direction="down" scrollDelay="n" behavior="type" loop="n" onmouseover="this.stop()" onmouseout="this.start()">
<a style=color:CC6600>我的滚动字幕文字1</a>
<br>
<a href="www.baidu.com">我的滚动字幕文字2百度</a>
<br>
我的滚动字幕文字3
<br>
<img src="DSC01513.JPG">
<br>
</marquee>
///-------------------------------------------------------------------------------

一、建立第一个滚动字幕。代码:
<marquee scrollAmount="n" width="n" height="n" direction="type" scrollDelay="n" behavior="type" loop="n" onmouseover="this.stop()" onmouseout="this.start()">我的滚动字幕文字</marquee>

二、各参数详解:
1)、scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。


2)、width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。


3)、direction。表示滚动的方向,默认为从右向左:←。可选的值有left:←、right:→、down:↓、up:↑。


4)、scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。


5)、behavior。用它来控制属性,默认为循环滚动,可选值有scroll:表示滚动
字幕内容向同一方向重复滚动、slide:表示滚动字幕内容从一端向另一端滚动并在另一端停止、alternate表示滚动字幕内容在两端之间来回往复滚动。


6)、loop。是用来指定滚动字幕的滚动次数的,当它的值为“-1”时,滚动字幕将连续滚动直到浏览器载入下一个页面。


7)、onmouseover="this.stop()"。鼠标停留在滚动字幕时,停止滚动。


8)、onmouseout="this.start()"。鼠标离开滚动字幕时,开始滚动。

三、实例:
1)、给滚动字幕加超连接
<marquee><a href="www.baidu.com">百度</a></marquee>。


2)、多行文本
<marquee>第一行<br>第二行<br>第三行</marquee>。


3)、改变滚动字幕的颜色
<marquee><a style=color:CC6600>我的滚动字幕文字</a></marquee>。

分享到:
评论

相关推荐

    html、jsp中新建滚动字幕(跑马灯)及参数解析

    基础的滚动字幕代码如下: ```html ()" onmouseout="this.start()"&gt; 我的滚动字幕文字 ``` 1. `scrollAmount`:这个属性决定了滚动的速度,数值越大,滚动速度越快。默认值为6,但建议设置在1到3之间,以保证...

    html、jsp中新建滚动字幕(跑马灯)及参数解析.pdf

    HTML 和 JSP 中的滚动字幕,也称为跑马灯效果,是一种常见的动态网页元素,用于展示滚动或循环播放的文字信息。在 HTML5 中,`&lt;marquee&gt;` 标签被用于创建这种效果,虽然在现代网页开发中,由于其非标准特性,使用较...

    在QQ空间加入滚动字的代码.txt

    ### 在QQ空间添加滚动字的方法及代码解析 #### 标题理解 标题“在QQ空间加入滚动字的代码”明确指出本文将介绍如何在QQ空间中加入滚动文字的效果,并提供了相应的代码实现方式。 #### 描述解析 描述部分重复了标题...

    JSP动态网站开发-HTML基础知识

    `&lt;marquee&gt;`则可以创建滚动字幕,通过JavaScript可以控制其运动状态。 了解和熟练掌握这些HTML基础知识对于开发JSP动态网站至关重要,因为它们是构建网页内容和布局的基础。通过这些标记和属性,开发者可以创建出...

    网页文字滚动效果

    在HTML中,`&lt;marquee&gt;`标签用于创建一个自动滚动的文字或图片流。该标签是HTML4的一部分,但在HTML5中已被废弃,因此在现代Web开发中并不推荐使用。不过,在一些特定场景下,它仍然被用来实现简单的文本滚动效果。 ...

    JavaScript完全自学宝典 源代码

    1.6.html 使用“”标记,实现的滚动字幕效果。 1.7.html 使用JavaScript实现简单的字幕滚动。 1.8.html 使用JavaScript实现字幕连续滚动。 1.9.html 使用JavaScript实现的简单数字时钟。 1.10....

    jsp文本类特效

    3. **文本滚动**:滚动公告、滚动字幕等效果,可以使用JSP与CSS的组合来实现,也可以借助第三方库如Marquee。 4. **文本交互**:例如悬停效果、点击响应,通过JSP的事件监听和JavaScript的DOM操作,可以让文本在...

    (11信息)《JavaWeb》实验报告范文.docx

    通过实验,学生能够创建具有表单和滚动字幕的网页,并能通过浏览器观察实际效果,记录相关的HTML和CSS代码。 【实验二:JavaScript编程】 实验二的目标是让学生掌握JavaScript基础,包括内置对象window和document...

    javascript网页特效

    1. **字体效果**:JavaScript可以用来改变字体的大小、颜色、样式,甚至实现动态的文本流动或者文本动画,如淡入淡出、滚动字幕等。 2. **动画效果**:利用JavaScript库如jQuery,可以轻松创建各种动画,包括滑动、...

    网页设计与制作基础(与“网站”有关的文档共31张).pptx

    网页制作过程中,常用的工具有Photoshop CS3用于设计网页图像,Fireworks CS3用于优化和切割图片,Dreamweaver CS3作为网页编辑软件帮助创建和编辑HTML代码,以及Flash CS3用于制作网页动画,增强用户体验。...

    简单的动态网页

    在滑动字幕中,jQuery可能被用来选择特定的HTML元素,如标题,然后通过定时器或用户触发的事件来改变这些元素的可见性,实现滚动效果。同时,缩略图效果可能涉及到图片的动态加载、缩放和鼠标悬停时的预览展示。 在...

    九酷网络个人主页空间管理系统 v6.2.rar

    网站公告管理——发布网站最新公告,首页滚动字幕显示 用户站点类别——支持无限类别管理,修改、删除 主页排名管理——可查看用户的流量、统计日期,可锁定指定用户计数器 友情链接管理——添加、修改、删除、...

    JS实现固定在右下角可展开收缩DIV层的方法

    - 利用了`marquee`标签来实现滚动字幕的效果,并通过`stop()`和`start()`方法来控制滚动效果的开启和关闭。 这些知识点和实现细节对于学习JavaScript和CSS来创建动态且可交互的网页元素非常有帮助。开发者可以通过...

Global site tag (gtag.js) - Google Analytics