飘飘悠悠 发表于 2015-1-15 23:18:59

html5教程之Marquee标志在XHTML代码中该怎样用

HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!网页制造poluoluo文章简介:Marquee被W3C丢弃了。这句话实在这是毛病的,为何呢,由于Marquee历来都没有被W3C视为正式标签利用。
在论坛中看到网友jeanjean20提到Marquee怎样修正才干切合尺度。我看了一下伴侣们的跟帖以为说得都挺好,版主greengnn指明Marquee是不切合尺度的已被W3C丢弃了。有伴侣年夜打不屈的说以为往得没事理,原本挺好的效果如今变没了。也有伴侣说往了好,看着就烦。人人都有本人的了解角度,可是我们本人怎样了解是一回事,可是我们要弄分明为何,在这里我就greengnn的结论以后修正并增补一些内容,但愿人人了解并能想通。

起首要改正的一点是:Marquee被W3C丢弃了。这句话实在这是毛病的,为何呢,由于Marquee历来都没有被W3C视为正式标签利用。W3C历来就没有制订这一标签,就更没有“丢弃”一说。这就比如还没娶亲就说仳离一样。实在Marquee与良多别的的标签一样是由微软与网景等公司私制的,而W3C一向以来都没有供认这一标签。这有钱公司就是有不讲理这点偏差,不外这不红利的构造就是嘴硬!

为何W3C一向不供认Marquee呢?要说这个标签在宽大网页计划职员的眼里也算是把螺丝刀啊!在从前仍是我们引觉得手艺力气作为夸耀的本钱呢。可如今不主张用了(这里要题外话:良多人说W3C不准用了,这都是错的,W3C没权限定你不准用或是不克不及用。),为何呢那我们要明白这个尺度是甚么。尺度并非一项手艺,尺度只是一种标准与发起。我们用的仍然是本来的HTML4.0中的标签,尺度没有给我们的XHTML中到场甚么标签,而是给出了哪些是保举利用的(例:p,div,ul,dl,span,em…),哪些是主意不利用的(例:font,b,u,i…),而且主意了要语义化与利用标准。固然尺度不但是XHTML同时还包含了CSS与DOM另有剧本言语。良多人觉得CSS是尺度后才发生的,实在不是,CSS很早就有了,尺度之于CSS也是一样,主意不使用一些扫瞄器厂商制订的一些CSS,好比CSS滤镜。

在尺度中另有很主要的一点,那就是功效性分别。分红为布局、款式、举动三个部分,这三个部分分离包含了,布局(xHTML、XML),样工(CSS),举动(DOM、ECMAScript)。到这里我们前往来想一想谁人Marquee为何不被W3C所供认,我想人人伙都应分明了。他与FONT、B等标签一样已不是布局性标签了。他们中带有了款式与举动特征,再把他们划在布局的范围里很分明是多过剩了。

以是,人人但愿Marquee的效果能被保存或是完成就必要多多存眷一下JavaScript,剧本言语必定能让你的网页动起来。要想让你指定的中央动起来固然要注意标签中的ID与CLASS的利用。

为了便利人人利用这个成心思的效果,我特地请嗷嗷写了一段JS,看以下代码:

JS代码:

functiongetElementsByClass(searchClass,tagName){
varclassElements=newArray();
if(tagName==null)
tagName=*;
varels=document.getElementsByTagName(tagName);
varelsLen=els.length;
varpattern=newRegExp("(^|s)"searchClass"(s|$)");
for(i=0,j=0;i<elsLen;i){
if(pattern.test(els.className)){
classElements=els;
j;
}
}
returnclassElements;
}

functionccMarquee(className){
vara=getElementsByClass(className);
for(i=0;i<a.length;i){
a.innerHTML="<marquee>"a.innerHTML"</marquee>";
}
}window.onload=function(){
ccMarquee("ccMarquee");
}
XHTML代码:

<divclass="ccMarquee">
<ahref=""title="">这里是转动的</a>
</div>
请人人注意,必要用到转动效果的中央只需在其何核心的标签上加上Class="ccMarquee"便可。注意巨细写。

附:<marquee>标签属性详解

请人人先看上面这段代码

<marqueedirection=upbehavior=scrollloop=3scrollamount=1scrolldelay=10align=topbgcolor=#ffffffheight=300width=30%hspace=20vspace=10onmou搜索引擎优化ver=this.stop()onmou搜索引擎优化ut=this.start()>此处输出转动内容</marquee>
如今让我们来详细剖析一下

◎direction暗示转动的偏向,值能够是left,right,up,down,默许为left
◎behavior暗示转动的体例,值能够是scroll(一连转动)slide(滑动一次)alternate(往复转动)
◎loop暗示轮回的次数,值是正整数,默许为无穷轮回
◎scrollamount暗示活动速率,值是正整数,默许为6
◎scrolldelay暗示停留工夫,值是正整数,默许为0,单元仿佛是毫秒
◎align暗示元素的垂直对齐体例,值能够是top,middle,bottom,默许为middle
◎bgcolor暗示活动地区的背景致,值是16进制的RGB色彩,默许为红色
◎height、width暗示活动地区的高度和宽度,值是正整数(单元是像素)或百分数,默许width=100%height为标签内元素的高度
◎hspace、vspace暗示元素到地区界限的程度间隔和垂直间隔,值是正整数,单元是像素。
◎onmou搜索引擎优化ver=this.stop()onmou搜索引擎优化ut=this.start()暗示当鼠标以上地区的时分转动中断,当鼠标移开的时分又持续转动。</p>
最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。

柔情似水 发表于 2015-1-17 21:47:36

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

小魔女 发表于 2015-1-26 23:10:49

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

小女巫 发表于 2015-2-5 06:47:54

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

爱飞 发表于 2015-2-11 08:10:13

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

深爱那片海 发表于 2015-3-2 01:46:45

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

简单生活 发表于 2015-3-11 04:27:34

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

愤怒的大鸟 发表于 2015-3-17 22:10:46

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

不帅 发表于 2015-3-25 09:31:25

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
页: [1]
查看完整版本: html5教程之Marquee标志在XHTML代码中该怎样用