这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
JavaScript 实现单行新闻滚动代码,可添加无数行,只要你有那么多内容,我觉得挺不错,发上来供大家使用和参考。
[Ctrl+A 全选 注:
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <title>
- 滚动最新消息代码
- </title>
- <style type="text/CSS">
- td {font-size: 12px;}
- </style>
- </head>
- <body>
- <table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td width="15" valign="top">
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_8/1490190369_6857.gif"
- width="11" height="11" data-src="" />
- </td>
- <td width="64">
- 最新消息:
- </td>
- <td width="321">
- <script>
- var marqueeContent = new Array(); //滚动主题
- marqueeContent[0] = '<a href="#" target="_blank">学习编程,欢迎访问源码爱好者!</a>';
- marqueeContent[1] = '<a href="#" target="_blank">精品源代码下载。</a>';
- marqueeContent[2] = '<a href="#" target="_blank">专注于提供编程源码及素材下载及实例教程。</a>';
- marqueeContent[3] = '<a href="#" target="_blank">旅行是需要一种心情,更重要的是,需要一种冲动。</a>';
- marqueeContent[4] = '<a href="#" target="_blank">随时用零碎的时间(如等人、排队等)做零碎的事情。</a>';
- var marqueeInterval = new Array(); //定义一些常用而且要经常用到的变量
- var marqueeId = 0;
- var marqueeDelay = 4000;
- var marqueeHeight = 15;
- function initMarquee() {
- var str = marqueeContent[0];
- document.write('<div id=marqueeBox style="overflow:hidden;height:' + marqueeHeight + 'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>' + str + '</div></div>');
- marqueeId++;
- marqueeInterval[0] = setInterval("startMarquee()", marqueeDelay);
- }
- function startMarquee() {
- var str = marqueeContent[marqueeId];
- marqueeId++;
- if (marqueeId >= marqueeContent.length) marqueeId = 0;
- if (marqueeBox.childNodes.length == 1) {
- var nextLine = document.createElement('DIV');
- nextLine.innerHTML = str;
- marqueeBox.appendChild(nextLine);
- } else {
- marqueeBox.childNodes[0].innerHTML = str;
- marqueeBox.appendChild(marqueeBox.childNodes[0]);
- marqueeBox.scrollTop = 0;
- }
- clearInterval(marqueeInterval[1]);
- marqueeInterval[1] = setInterval("scrollMarquee()", 10);
- }
- function scrollMarquee() {
- marqueeBox.scrollTop++;
- if (marqueeBox.scrollTop % marqueeHeight == marqueeHeight) {
- clearInterval(marqueeInterval[1]);
- }
- }
- initMarquee();
- </script>
- </td>
- </tr>
- </table>
- </body>
- </html>
如需引入外部 Js 需刷新才能执行
]来源: http://www.phperz.com/article/17/0625/284008.html