寒窗轩,寒川的个人网络博客,记录互联网事,学习网络编程、分享工作经验、人生感悟,包括但不限于程序代码、数据库、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 27 0 9029 html脚本编程w3c
文章写得不错?我是土豪我要在线打赏!
在线打赏

昵称:

验证码:验证码

评论:

文章分类
系统
程序
数据
Office
随笔
热门文章
python读取文件夹下图片并生成pdf文件
VB.net开发的word转pdf的小工具
使用python把word转成pdf
文章推荐
免责声明
关于博主
开篇第一章
随机推荐
筹划个小插件
爱因斯坦发明电灯?!
Internet Relay Chat(IRC)聊天命令
同学四年
Linux VS Windows 究竟哪个系统更好之思考
Everything快速搜索软件使用技巧
php中定义变量
php读取txt文本文档数据库转入mysql数据库
php curl写个新浪发sina微博的API接口
腾讯空间Qzone,你别乱屏蔽好不?
友情连接
春燕网络
谢润的博客
企安文档