HTML代码简介(3)

【 tulaoshi.com - Web开发 】

　　把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

　　这样就完成了，感觉做起来也不难吧。

　　如何实现Iframe透明 [/COLOR]

　　tangzehuan（原作）

　　第一次发表文章，有什么写不好的地方请多多包涵，另外想借此机会认识一些从事WEB设计的朋友，tangzehuan@sohu.com QQ

　　37878073

　　IE5.5和NN6以上的浏览器支持　Frame　，Iframe对象的allowTransparency　方法，如果某对象的背景颜色设置为Transparency的，

　　它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开／关。

　　代码如下：

　　a.html如下：

HTMLHEADTITLE/TITLE
META http-equiv=Content-Type content="text/html; charset=gb2312"
/HEAD
BODY style="BACKGROUND-COLOR: transparent"
H1透明文档/H1
P此IFRAME无背景颜色/P
PBODY：brBODY STYLE="background-color:transparent"/P/BODY/HTML

　　b.html如下：
HTMLHEADTITLE/TITLE
META http-equiv=Content-Type content="text/html; charset=gb2312"
/HEAD
BODY style="BACKGROUND-COLOR: transparent"
H1透明文档/H1
P此IFRAME 设为绿色。/P
PBODY： brBODY STYLE="background-color:transparent"/P/BODY/HTML

　　如果a.html透明的，它将继承IFRAME的背景颜色 如果容器IFRAME也是透明的，a.html将继承Iframe的父容器的颜色，如果一个对象不透

　　明，它将覆盖其容器的颜色，默认是透明的。

　　Internet Explorer 5.5 以上版本允许你设置透明属性，通过设置是否可被透明，你可以改变背景的颜色。［在不设置透明属性的情况下

　　，默认背景颜色为白色］

　　IFRAME定义如下：
IFRAME ID="frame1" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300 /IFRAME IFRAME ID="frame2"

SRC="b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300 /IFRAME

　　按钮定义如下：
 INPUT TYPE="button" VALUE="不透明" onclick="turnTransparencyOff()" INPUT TYPE="button" VALUE="透明"

onclick="turnTransparencyOn()"

script
//函数turnTransparencyOff()：

function turnTransparencyOff()
{ document.all.frame1.allowTransparency = false; document.all.frame2.allowTransparency = false; }

//函数turnTransparencyOn()：

function turnTransparencyOn()
{ document.all.frame1.allowTransparency = true; document.all.frame2.allowTransparency = true; }
/script
HTML附加命名实体[/COLOR]

Latin Extended-B
ƒ ƒ ƒ Latin small f with hook, =function, =florin, U0192 ISOtech

Greek
Α Α Α Greek capital letter alpha, U0391
Β Β Β Greek capital letter beta, U0392
Γ Γ Γ Greek capital letter gamma, U0393 ISOgrk3
Δ Δ Δ Greek capital letter delta, U0394 ISOgrk3
Ε Ε Ε Greek capital letter epsilon, U0395
Ζ Ζ Ζ Greek capital letter zeta, U0396
Η Η Η Greek capital letter eta, U0397
Θ Θ Θ Greek capital letter theta, U0398 ISOgrk3
Ι Ι Ι Greek capital letter iota, U0399
Κ Κ Κ Greek capital letter kappa, U039A
Λ Λ Λ Greek capital letter lambda, U039B ISOgrk3
Μ Μ Μ Greek capital letter mu, U039C
Ν Ν Ν Greek capital letter nu, U039D
Ξ Ξ Ξ Greek capital letter xi, U039E ISOgrk3
Ο Ο Ο Greek capital letter omicron, U039F
Π Π Π Greek capital letter pi, U03A0 ISOgrk3
Ρ Ρ Ρ Greek capital letter rho, U03A1
Σ Σ Σ Greek capital letter sigma, U03A3 ISOgrk3
Τ Τ Τ Greek capital letter tau, U03A4
Υ Υ Υ Greek capital letter upsilon, U03A5 ISOgrk3
Φ Φ Φ Greek capital letter phi, U03A6 ISOgrk3
Χ Χ Χ Greek capital letter chi, U03A7
Ψ Ψ Ψ Greek capital letter psi, U03A8 ISOgrk3
Ω Ω Ω Greek capital letter omega, U03A9 ISOgrk3
α α α Greek small letter alpha, U03B1 ISOgrk3
β β β Greek small letter beta, U03B2 ISOgrk3
γ γ γ Greek small letter gamma, U03B3 ISOgrk3
δ δ δ Greek small letter delta, U03B4 ISOgrk3
ε ε ε Greek small letter epsilon, U03B5 ISOgrk3
ζ ζ ζ Greek small letter zeta, U03B6 ISOgrk3
η η η Greek small letter eta, U03B7 ISOgrk3
θ θ θ Greek small letter theta, U03B8 ISOgrk3
ι ι ι Greek small letter iota, U03B9 ISOgrk3
κ κ κ Greek small letter kappa, U03BA ISOgrk3
λ λ λ Greek small letter lambda, U03BB ISOgrk3
μ μ μ Greek small letter mu, U03BC ISOgrk3
ν ν ν Greek small letter nu, U03BD ISOgrk3
ξ ξ ξ Greek small letter xi, U03BE ISOgrk3
ο ο ο Greek small letter omicron, U03BF NEW
π π π Greek small letter pi, U03C0 ISOgrk3