|
html 代码简介
〔三〕
本资料收集于网络，仅供参考·《子夜星》网站整理编注
把 w3c
的原文放在这里并不是想吓唬任何人，只是觉得应该告诉大家学习一门语法的方法。在能力允许的范围内尽可能自己去查阅原版的官方文档，这样你不仅可以拿到最完整的信息，而且这是一个高手成长之路。翻译的东西多半掺有个人想法，以及个人能力的有限都造成这样一种局面：很难在翻译的教材里面找到完整的相关信息，从而使个人的技术水平一直停留在相对低的水平。好了废话说了一大堆就是想和大家分享学习的方法。为了照顾到一些英文水平比较低的朋友，我就简要的做些翻译解释。
iframe是个比较新的标识。但是从它的参数来说和普通的html标识没有什么大的区别，相信大家都用过frame（框架）来布局你的网页，其实
iframe 和 frame 功能一样，不同的是它是个浮动框架，你可以把 iframe
布置在你网页中的任何位置，包括<layer>层中，这种极大的自由度可以给网页设计带来很大的灵活性，所以学会使用它是非常必要的。
下面介绍它的主要属性
name="" 给框架命名，这样就可以使用你的命名为链接中的 target 属性提供参数
src="" 当前框架所链接的页面地址
frameborder="" 浮动框架的边框大小，默认值为 1 显示边框，一般最好设为 0 不显示
marginwidth="" 浮动框架框边与插入页面之间空白的宽度，单位 pixels
marginheight="" 浮动框架框边与插入页面空白的高度，单位 pixels
scrolling="" 滚动条，有 3 个值：auto自动，yes 总是显示，no 不显示
align="middle" 可选值为 left, right, top, middle, bottom，作用不大
width=""
height="" 浮动框架的宽及长，单位 pixels。
noresize 浮动框架大小不可变
其它的属性就是 id ,class ,title ,style。
举个例子：
<iframe src="yoroml.htm" name="yoroml" width="252"
height="875" scrolling="no" frameborder=0 ></iframe>
●使用 javascript 制作连续滚动字幕[/color]
文/暖阳
我们一般都用 marquee 标签控制元素的滚动。但是单向的 marquee
滚动是不连续的，每滚完一幕，就会出现一次空白。而下面介绍中的
滚动则是连续的，毫不间断。
下面小阳为你介绍这是如何实现的。
为了滚动能够“连续”，我们需要将字幕的内容复制多遍，直到内容的高度不小于滚
动区高度的两倍。然后我们将溢出的滚动条隐藏掉，用代码控制滚动条向下移动(这时内容将向上移动)。当滚动条滚动到最下方时，理论上不能再往下滚动了，于是我们立刻调整滚动条，将它向上滚动到一个和当前画面一样的位置。结果我们看到的就是连续的滚动了。呵呵，说的就是这么简单，那做起来如何呢？我们看看是如何逐步实现的。
<div id="marquees"> <!-- 这些是字幕的内容，你可以任意定义 --> <a
href="#">链接一</a>
<br> <a href="#">链接二</a>
<br> <a href="#">链接三</a>
<br> <a href="#">链接四</a>
<br> <!-- 字幕内容结束 -->
</div>
<!-- 以下是java-script代码 -->
<script language="java-script">
<!--
marqueesheight=200; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
nowrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0，因为它会被撑大
style.height=marqueesheight;
style.overflowy="hidden"; //滚动条不可见
onmouseover=new function("stopscroll=true"; //鼠标经过，停止滚动
onmouseout=new function("stopscroll=false"; //鼠标离开，开始滚动
}
//这时候，内容区的高度是无法读取了。下面输出一个不可见的层"templayer"，稍后将内容复制到里面：
document.write('<div id="templayer"
style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer"，直到"templayer"的高度大于内容区高度：
while(templayer.offsetheight<marqueesheight){
templayer.innerhtml+=marquees.innerhtml;
} //把"templayer"的内容的“两倍”复制回原内容区：
marquees.innerhtml=templayer.innerhtml+templayer.innerhtml;
//设置连续超时，调用"scrollup()"函数驱动滚动条：
setinterval("scrollup()",10);
}
document.body.onload=init;
pretop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollup(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真，则停止滚动
pretop=marquees.scrolltop; //记录滚动前的滚动条位置
marquees.scrolltop+=1; //滚动条向下移动一个像素
//如果滚动条不动了，则向上滚动到和当前画面一样的位置
//当然不仅如此，同样还要向下滚动一个像素(+1)：
if(pretop==marquees.scrolltop){
marquees.scrolltop=templayer.offsetheight-marqueesheight+1;
}
}
-->
</script>
这样就完成了，感觉做起来也不难吧。
◇
返回：“html”代码简介〔一
|
