寒窗轩,寒川的个人网络博客,记录互联网事,学习网络编程、分享工作经验、人生感悟,包括但不限于程序代码、数据库、Office办公、随笔等内容。

xhtml页面中用什么来替换marquee标签

众所周知,w3c从来就没承认marquee标签,当然,w3c不承认并不是说marquee标签不能使用。虽然marquee是微软的产物,但是众多浏览器都支持它,而且很多html新手也对marquee喜欢有佳。将marquee放到页面中也无可厚非,但是当页面提交给w3c验证的时候很明显是不受欢迎的,看着心里总有个疙瘩。如何能在xhtml标准页面中出现移动字体呢?
方法如下:
1、建一个js文件,命名为marquee.js,代码如下:
function getElementsByClass(searchClass,tagName) {
 var classElements = new Array();
 if ( tagName == null )
  tagName = '*';
 var els = document.getElementsByTagName(tagName);
 var elsLen = els.length;
 var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)");
 for (i = 0, j = 0; i < elsLen; i++) {
  if ( pattern.test(els[i].className) ) {
   classElements[j] = els[i];
   j++;
  }
 }
 return classElements;
}
 
function ccMarquee(className){
 var a=getElementsByClass(className);
 for (i = 0; i < a.length; i++) {
  a[i].innerHTML="<marquee direction='up' width='264' height='120' scrollamount='2' onmouseover='javascript:this.stop();' onmouseout='javascript:this.start();'>"+ a[i].innerHTML+"</marquee>";
 }
}window.onload = function () {
 ccMarquee("ccMarquee");
}
2、在欲使用marquee的页面head中调用js,如下:
<script type="text/javascript" src="marquee.js"></script>
3、在要marquee的页面的div中加入class="ccMarquee",如下:
<div class="ccMarquee">
这儿向上移动的文字。
 </div>
现在页面再给w3c验证,看看是不是通过了呢?呵呵。。
程序 2010-03-29 19:59:43 25 0 8766 html脚本编程w3c
文章写得不错?我是土豪我要在线打赏!
在线打赏

昵称:

验证码:验证码

评论:

文章分类
系统
程序
数据
Office
随笔
热门文章
nginx+php如何EventStream流式数据传输
python读取文件夹下图片并生成pdf文件
VB.net开发的word转pdf的小工具
使用python把word转成pdf
文章推荐
免责声明
关于博主
开篇第一章
随机推荐
php防止快速刷新的方法
周未平乐古镇一日游
excel无重复排序,如何提取排名前5的学生对应姓名
饥饿站台观后感
记录一下这一伟大历史的开心时刻
session实现两个页面处理由一个form提交的数据
推荐一款图片exif修改软件PowerExif
如何利用python修改文件的创建时间,修改时间,访问时间
QQ.exe - 无法找到组件:没有找到ComRes.dll,因此这个应用程序未能启动。重新安装应用程序可能会修复此问题。
教训
友情连接
春燕网络
谢润的博客