小结 | Kele's Home

25th
DEC

小结

Posted by 可乐 under 网页设计

在写老蔡公司页面中遇到的一些小细节

1.网页在IE下居中对齐，在FF下居左对齐。

一开始莫名其妙，后来发现在CSS里有一句div,ul,ol,form { margin: 0; padding: 0; }。已经写死了居左为0。body 里虽然写了text-align: center; 但是在FF下没用

解决办法div,ul,ol,form { margin: 0 auto; padding: 0; }

是的，你没看错，就是加个auto属性值就OK

2.marquee的不标准性

marquee是不被W3C推荐的标签。所以要想其他办法来解决

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>”+ a[i].innerHTML+”</marquee>”;
}
}window.onload = function () {
ccMarquee(”ccMarquee”);
}XHTML代码：<div class=”ccMarquee”>
<a href=”http://www.chaoketu.com/” mce_href=”http://www.chaoketu.com/” title=”">这里是滚动的</a>
</div>

请大家注意，需要用到滚动效果的地方只要在其何外围的标签上加上Class=”ccMarquee”即可。注意大小写。

请大家先看下面这段代码
<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=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表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。 onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

3.FF下莫名其妙的少了1象素的边框，暂时还没有发现到底为什么。

=======分割线=========

lable里有一个for，一直没注意到这种写法。恩恩，新知识～

<label for=”target”>label</label>
<input name=”target” id=”target” />

Kele’s Home

小结

其他人看了什么：

我也要评论

相关信息