`
yqin
  • 浏览: 58748 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

具有鼠标悬停效果滚动公告栏

    博客分类:
  • java
阅读更多

<marquee scrollAmount="2" scrollDelay="60"  
onmouseover="this.stop()" onmouseout="this.start()"  
direction="up" style="width:150px;height:100px; > 
<a href="http://yqin.iteye.com">我的博客</a><br> 
<a href="http://yqin.iteye.com">我的博客</a><br> 
<a href="http://yqin.iteye.com">我的博客</a><br> 
<a href="http://yqin.iteye.com">我的博客</a><br> 
<a href="http://yqin.iteye.com">我的博客</a><br> 
</marquee> 

 

 

本例主要是marquee对象的一些方法和属性的应用: 
behavior 设置或获取文本如何在字幕中滚动。 
direction设置或获取文本滚动的方向。 
loop 设置或获取字幕播放的次数。 
scrollAmount 设置或获取介于每个字幕绘制序列之间的文本滚动像素数。 
scrollDelay 设置或获取字幕滚动的速度。  
start 开始滚动字幕。  
stop 停止字幕的滚动。

分享到:
评论

相关推荐

    网页动态滚动公告栏代码

    网页动态滚动公告栏是网页设计中一种常见的元素,它能够以滚动的方式展示信息,吸引用户的注意力,提升用户体验。这种技术通常用于显示最新的消息、通知、广告或者重要提示,以节省网页空间并保持页面的整洁性。本文...

    Asp 无缝公告栏滚动

    在本场景中,"Asp 无缝公告栏滚动"是一个ASP应用实例,它设计用于在网页上创建一个平滑滚动的公告栏效果,也可以转换为跑马灯样式。无缝滚动意味着公告或消息会连续、平滑地从一端移动到另一端,给用户带来流畅的...

    jquery 文字水平无缝滚动鼠标滑过文字悬停

    这个技术利用jQuery库的强大功能,结合CSS和JavaScript实现文字在水平方向上平滑滚动,当鼠标悬停在文字上时,滚动会暂停,提供用户更清晰的阅读体验。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档...

    文字无缝滚动效果代码(jQuery),鼠标经过停下,鼠标移走继续滚动。兼容ie6及主流浏览器

    这个代码资源就是基于jQuery库实现的,适用于创建一个在鼠标悬停时暂停,鼠标离开后继续滚动的文字滚动效果,同时它还兼容了古老的Internet Explorer 6以及现代的主流浏览器。 首先,我们来了解一下jQuery。jQuery...

    简单的走马灯效果(停顿/无缝滚动)

    走马灯效果是一种常见的网页动态展示技术,常用于制作轮播图、滚动公告或广告栏等,能够吸引用户的注意力并有效地展示多张图片或信息。在这个"简单的走马灯效果"项目中,我们主要探讨如何利用HTML语言实现一个基本的...

    网页文字滚动的10种效果js实现

    2. **向上滚动**:这是一种基本的滚动效果,文字从屏幕底部向上移动到可视区域,常用于新闻滚动或公告栏。 3. **向下滚动**:与向上滚动相反,文字从顶部向下滑动进入视线,适用于展示最新的更新内容。 4. **左右...

    web入门实验 含滚动公告、下拉菜单等

    在本“Web入门实验”中,我们探讨了构建动态网页的基本元素,这其中包括滚动公告栏、二级下拉菜单、多媒体集成、图片热点以及IFRAME的使用。这些知识点是Web开发初学者必须掌握的基础,同时也是现代网站提升用户体验...

    js实现标题栏信息横向滚动

    为了提高用户体验,还可以添加暂停和恢复滚动的功能,例如当用户将鼠标悬停在标题栏上时暂停,离开时恢复: ```javascript header.addEventListener('mouseover', function() { clearInterval(intervalId); }); ...

    js 文字滚动效果

    此外,还可以扩展此效果,如加入左右滚动、淡入淡出等效果,或者增加用户交互,如暂停/恢复滚动、鼠标悬停停止滚动等。这些都可以通过学习和理解JavaScript的DOM操作、定时器和CSS动画来实现。 总之,JavaScript...

    文字滚动效果鼠标经过停留.zip

    这种效果使得文字在鼠标悬停时暂停滚动,而当鼠标移开后继续滚动,提升了用户体验,尤其适用于新闻资讯、公告栏等需要用户细读的场景。以下是对这个效果的技术细节进行的详细解释: 1. **JavaScript特效**:在...

    一个非常好用的文字滚动的案例,鼠标悬浮可暂停

    标题提到的“一个非常好用的文字滚动的案例,鼠标悬浮可暂停”是指一种交互式文字滚动效果,当鼠标悬停在滚动区域上时,滚动会暂停,移开鼠标后继续滚动。这种效果在公告栏或者中奖名单展示时非常实用,让用户在需要...

    实现连续滚动文字效果,无间断

    在实际开发过程中,这种效果常用于新闻滚动、公告栏等场景,能够有效地吸引用户注意力并传达重要信息。 ### 实现原理 在本案例中,作者使用了HTML、CSS以及JavaScript来实现连续滚动的文字效果。下面我们将分步骤...

    网页特效代码文字特效自动向上滚动的文本鼠标放上去就停止

    在这个特定的案例中,我们关注的是一个文字特效,它具有自动向上滚动的功能,并且当鼠标悬停时会停止滚动。这种效果通常被用于新闻更新、公告栏或者网站的滚动标语等场景,既能吸引用户的注意力,又不会过于打扰他们...

    JS滚动代码 上下滚动 左右滚动 自动循环

    上下滚动通常是网页中的新闻滚动条或者公告栏的效果,通过JS我们可以创建一个自动更新的滚动区域。这种效果可以通过修改元素的位置或者使用CSS3的`translate`属性来实现。例如,可以设置定时器每隔一定时间改变元素...

    文字滚动效果

    开发者还可以根据需求添加自定义功能,如暂停/恢复滚动、调整速度、设置滚动方向、添加鼠标悬停效果等,以增强用户体验。 总的来说,文字滚动效果是IT行业中一种实用且有趣的技巧,涉及前端开发、UI设计等多个领域...

    jQuery图文消息列表上下交替滚动代码

    总结起来,通过结合HTML、CSS和jQuery,我们可以创建一个图文消息列表,它具有上下交替滚动的效果,并在鼠标悬停时改变背景颜色。这个功能的实现涉及到了DOM操作、CSS动画和JavaScript事件监听,展示了前端开发中...

    js文字横向滚动特效

    当鼠标悬停在滚动区域时,滚动会停止;当鼠标移出时,滚动会重新开始。 在代码中,我们还定义了两个类:.pad_right和#scroll_div。.pad_right用于为文字添加右边距,以确保文字之间有适当的间隔。#scroll_div用于...

    textSlider多行文字滚动插件(jQuery)

    在网页设计中,这种效果通常用于新闻滚动、公告栏或者产品介绍等区域,让信息更吸引用户注意力。 jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互,使得开发者可以更加高效地...

    javascript文字滚动案例

    JavaScript文字滚动是一种常见的网页动态效果,它可以使文本在页面上以滚动的方式显示,常用于新闻更新、公告栏或者页面的标题展示。这种效果是通过JavaScript编程实现的,它可以为网页增添交互性和动感,吸引用户的...

    网站常用图文循环滚动信息展示特效代码.zip

    这个"网站常用图文循环滚动信息展示特效代码"压缩包包含了一套实现此类功能的JavaScript代码,通常用于新闻更新、产品展示或者公告栏等场景。 首先,我们需要理解JavaScript在网页动态效果中的作用。JavaScript是一...

Global site tag (gtag.js) - Google Analytics