`
superytmf
  • 浏览: 19341 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

三行代码搞定平滑的JS新闻单行滚动

阅读更多
<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>新闻滚动</title>
<style>
a{display:block;line-height:18px;text-decoration:none;color:#555;font-family:Arial;font-size:12px;}
.shell{
background:url(http://www.codefans.net/jscss/demoimg/200902/arrowb.gif) no-repeat 4px 5px;
border:1px solid #aaa;
width:230px;
padding:3px 2px 2px 26px;
}
#div1{
height:18px;
overflow:hidden;
}
</style>
</head>
<body>
<div class="shell">
<div id="div1">
  <a href="javascript:">jQuery的图片滚动切换插件</a>
  <a href="javascript:">Mootools slider 滚动条拖动取值的实现 </a>
  <a href="javascript:">VB开发的Eclipse编程软件完整版</a>
  <a href="javascript:">VC++生成随机数并快速排序的算法</a>
  <a href="javascript:">VB语音报数计算器源程序</a>
</div>
<div>
</body>
<script>
var c,_=Function;
with(o=document.getElementById("div1")){ innerHTML+=innerHTML; onmouseover=_("c=1"); onmouseout=_("c=0");}
(F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:1500);".replace(/#/g,"o.scrollTop")))();
</script>
</html>
分享到:
评论

相关推荐

    js 单行多行滚动信息新闻

    【标题】"js 单行多行滚动信息新闻"指的是使用JavaScript实现的一种动态展示新闻信息的效果,这种效果常见于网站的新闻更新区域,通过上下滚动或左右滑动的方式,使得多条新闻信息在有限的空间内循环展示,既节省了...

    js实现单行文字滚动

    在本文中,我们将深入探讨如何使用JavaScript实现单行文字的滚动效果,这是一种常见的动态显示信息的方式,尤其适用于有限的空间展示大量文本。 首先,我们需要理解基本的HTML结构,因为JavaScript通常与HTML和CSS...

    js单行文字滚动公告

    在本场景中,"js单行文字滚动公告"是一个常见的网页元素,它能够以滚动的形式显示公告信息,适用于网站的新闻更新、通知或者活动宣传等。这种效果可以使页面更加生动,吸引用户的注意力。 实现单行文字滚动公告主要...

    单行滚动代码.rar

    在这个名为"单行滚动代码.rar"的压缩包文件中,我们可以预见到包含的"js-0036"文件很可能是一个JavaScript脚本,因为JavaScript是网页动态效果常用的语言,常用于实现这样的滚动效果。 JavaScript是一种轻量级的...

    各种滚动及滑动效果大全

    此资源包含了各种各样的滚动效果,共有8种,基本上您用到的效果这里都有,列表如下: jquery上下左右文字滚动 ...各种上下滚动english 猪八戒网滚动效果 ...三行代码搞定平滑的JS新闻单行滚动.html 图片滚动.html

    单行jQuery循环滚动新闻代码.rar

    "单行jQuery循环滚动新闻代码.rar" 这个标题表明这是一个使用jQuery库实现的JavaScript特效,具体是让新闻标题在一行内进行循环滚动。在网页设计中,这种效果通常用于展示最新资讯或者有限空间内的多条信息,以节省...

    jQuery单行文字上下不间断循环滚动效果,适合做新闻滚动推荐

    在前端开发中,jQuery库经常被用来实现各种交互效果,其中一种常见的应用场景是制作新闻滚动推荐,这可以有效地展示大量信息而不会占用过多空间。标题和描述提到的"jQuery单行文字上下不间断循环滚动效果"就是一个...

    仿qq频道上下单行多条滚动js效果代码

    仿qq频道上下单行多条滚动js效果代码,可用于新闻,友情链接上下间隙滚动,仿qq频道上下单行多条滚动js效果代码,可用于新闻,友情链接上下间隙滚动

    jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动

    1. **单行滚动**:这是最基础的文字滚动方式,适用于展示一行文字或图片。在`单行滚动.html`中,jQuery可能使用了`.slideUp()`和`.slideDown()`方法来模拟向上或向下的滚动效果。这些方法会改变元素的高度,从而实现...

    ios-无限单行滚动的日历.zip

    - 单行滚动的日历设计通常是将一个月内的日期以一行的形式展示,这样可以节省屏幕空间,提高用户体验。CYHcalendar可能采用了这种布局,允许用户上下滚动查看不同月份的日期。 2. **两种滚动方式**: - 按日计算...

    jQuery网站新闻公告自动左右滚动切换代码

    【jQuery网站新闻公告自动左右滚动切换代码】是网页设计中常见的一种动态效果,它通过JavaScript库jQuery实现,为网站的新闻或公告展示提供了一种吸引用户注意力的方式。这个功能允许内容在页面上以平滑的动画效果...

    jquery单行文字循环滚动.rar

    标题中的“jquery单行文字循环滚动”指的是使用jQuery库实现的一种常见的前端文本动画效果,它能使一行文字在页面上连续不断地循环滚动,常用于显示新闻标题、滚动公告等。jQuery是一个广泛使用的JavaScript库,它...

    js实现单行文本向上滚动效果实例代码

    该代码可以应用于各种 web 应用程序中,如新闻滚动、公告滚动、股票滚动等。 结论 该代码提供了一个灵活的滚动效果解决方案,可以应用于各种 web 应用程序中。但是,该代码也需要一些修改和优化以适应不同的...

    jquery实现单行滚动效果

    jquery实现单行滚动效果

    QQ频道单行多条信息滚动代码

    1. **新闻滚动条**:许多新闻网站会在页面顶部或侧边栏使用滚动代码来展示最新的新闻标题。 2. **社交平台通知**:如QQ频道中,用于实时显示用户的动态更新或消息提示。 3. **广告展示**:在电商网站或企业官网中,...

    超好用的同一页面多组图片单行滚动Jquery实现代码

    "超好用的同一页面多组图片单行滚动Jquery实现代码"就是这样一个解决方案,它利用了强大的Jquery库来实现这一功能。 首先,Jquery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互...

    单行滚动标签插件 for 帝国CMS 6.0.rar

    这款插件的核心功能是在页面顶部或底部创建一行可平滑滚动的标签,通常用于显示新闻、公告等实时更新的内容,使用户能够方便地浏览和跟踪最新信息。 在设计上,该插件实现了向上平滑滚动的效果,并且在滚动过程中带...

    单行多条信息滚动代码

    单行多条信息滚动代码

    基于JS的文章按行向上滚动,鼠标经过时停止(间接性)

    "基于JS的文章按行向上滚动,鼠标经过时停止(间接性)"是一种常见的滚动特效,常用于公告、通知或者新闻滚动展示。这种效果使得信息能持续更新,同时在用户需要时提供交互性,避免打扰用户的阅读体验。 首先,我们...

    广告通知单行滚动插件BreakingNews.zip

    标题中的“广告通知单行滚动插件BreakingNews.zip”指的是一个用于网站开发的插件,其功能是在网页上实现广告或重要通知的单行滚动显示。这种插件通常被用在新闻网站、门户站点或者任何希望突出显示滚动信息的地方,...

Global site tag (gtag.js) - Google Analytics