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"; //滚动条不可见 Function("stopscroll=true"; //鼠标经过，停止滚动 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如下： <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> </HEAD> <BODY style="BACKGROUND-COLOR: transparent"> <H1>透明文档</H1> <P>此IFRAME无背景颜色</P> <P>BODY：<br><BODY STYLE="background-color:transparent"></P></BODY></HTML> b.html如下： <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> </HEAD> <BODY style="BACKGROUND-COLOR: transparent"> <H1>透明文档</H1> <P>此IFRAME 设为绿色。</P> <P>BODY： <br><BODY 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="不透明" <INPUT TYPE="button" VALUE="透明" <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 ρ ρ ρ Greek small letter rho, U03C1 ISOgrk3 ς ς ς Greek small letter final sigma, U03C2 ISOgrk3 σ σ σ Greek small letter sigma, U03C3 ISOgrk3 τ τ τ Greek small letter tau, U03C4 ISOgrk3 υ υ υ Greek small letter upsilon, U03C5 ISOgrk3 φ φ φ Greek small letter phi, U03C6 ISOgrk3 χ χ χ Greek small letter chi, U03C7 ISOgrk3 ψ ψ ψ Greek small letter psi, U03C8 ISOgrk3 ω ω ω Greek small letter omega, U03C9 ISOgrk3 ϑ ϑ ϑ Greek small letter theta symbol, U03D1 NEW ϒ ϒ ϒ Greek upsilon with hook symbol, U03D2 NEW ϖ ϖ ϖ Greek pi symbol, U03D6 ISOgrk3 General Punctuation • • • bullet, =black small circle, U2022 ISOpub … … … horizontal ellipsis, =three dot leader, U2026 ISOpub ′ ′ ′ prime, =minutes, =feet, U2032 ISOtech ″ ″ ″ double prime, =seconds, =inches, U2033 ISOtech ‾ ‾ ‾ overline, =spacing overscore, U203E NEW ⁄ ⁄ ⁄ fraction slash, U2044 NEW Letterlike Symbols ℘ ℘ ℘ script capital P, =power set, =Weierstrass p, U2118 ISOamso ℑ ℑ ℑ blackletter capital I, =imaginary part, U2111 ISOamso ℜ ℜ ℜ blackletter capital R, =real part symbol, U211C ISOamso ™ ™ ™ trade mark sign, U2122 ISOnum ℵ ℵ ℵ alef symbol, =first transfinite cardinal, U2135 NEW Arrows ← ← ← leftward arrow, U2190 ISOnum ↑ ↑ ↑ upward arrow, U2191 ISOnum → → → rightward arrow, U2192 ISOnum ↓ ↓ ↓ downward arrow, U2193 ISOnum ↔ ↔ ↔ left right arrow, U2194 ISOamsa ↵ ↵ ↵ downward arrow with corner leftward, =carriage return, U21B5 NEW ⇐ ⇐ ⇐ leftward double arrow, U21D0 ISOtech ⇑ ⇑ ⇑ upward double arrow, U21D1 ISOamsa ⇒ ⇒ ⇒ rightward double arrow, U21D2 ISOtech ⇓ ⇓ ⇓ downward double arrow, U21D3 ISOamsa ⇔ ⇔ ⇔ left right double arrow, U21D4 ISOamsa Mathematical Operators ∀ ∀ ∀ for all, U2200 ISOtech ∂ ∂ ∂ partial differential, U2202 ISOtech ∃ ∃ ∃ there exists, U2203 ISOtech ∅ ∅ ∅ empty set, =null set, =diameter, U2205 ISOamso ∇ ∇ ∇ nabla, =backward difference, U2207 ISOtech ∈ ∈ ∈ element of, U2208 ISOtech ∉ ∉ ∉ not an element of, U2209 ISOtech ∋ ∋ ∋ contains as member, U220B ISOtech ∏ ∏ ∏ n-ary product, =product sign, U220F ISOamsb − ∑ − n-ary sumation, U2211 ISOamsb − − − minus sign, U2212 ISOtech ∗ ∗ ∗ asterisk operator, U2217 ISOtech √ √ √ square root, =radical sign, U221A ISOtech ∝ ∝ ∝ proportional to, U221D ISOtech ∞ ∞ ∞ infinity, U221E ISOtech ∠ ∠ ∠ angle, U2220 ISOamso ⊥ ∧ ⊥ logical and, =wedge, U2227 ISOtech ⊦ ∨ ⊦ logical or, =vee, U2228 ISOtech ∩ ∩ ∩ intersection, =cap, U2229 ISOtech ∪ ∪ ∪ union, =cup, U222A ISOtech ∫ ∫ ∫ integral, U222B ISOtech ∴ ∴ ∴ therefore, U2234 ISOtech tilde operator, =varies with, =similar to, U223C ISOtech approximately equal to, U2245 ISOtech ≅ ≈ ≅ almost equal to, =asymptotic to, U2248 ISOamsr ≠ ≠ ≠ not equal to, U2260 ISOtech ≡ ≡ ≡ identical to, U2261 ISOtech ≤ ≤ ≤ less-than or equal to, U2264 ISOtech ≥ ≥ ≥ greater-than or equal to, U2265 ISOtech subset of, U2282 ISOtech superset of, U2283 ISOtech not a subset of, U2284 ISOamsn subset of or equal to, U2286 ISOtech superset of or equal to, U2287 ISOtech ⊕ ⊕ ⊕ circled plus, =direct sum, U2295 ISOamsb circled times, =vector product, U2297 ISOamsb ⊥ ⊥ ⊥ up tack, =orthogonal to, =perpendicular, U22A5 ISOtech ⋅ ⋅ ⋅ dot operator, U22C5 ISOamsb Miscellaneous Technical left ceiling, =apl upstile, U2308, ISOamsc right ceiling, U2309, ISOamsc left floor, =apl downstile, U230A, ISOamsc right floor, U230B, ISOamsc left-pointing angle bracket, =bra, U2329 ISOtech right-pointing angle bracket, =ket, U232A ISOtech Geometric Shapes lozenge, U25CA ISOpub Miscellaneous Symbols black spade suit, U2660 ISOpub black club suit, =shamrock, U2663 ISOpub black heart suit, =valentine, U2665 ISOpub black diamond suit, U2666 ISOpub 本文出自 51CTO.COM技术博客 |
cxxtjh
博客统计信息
热门文章
最新评论
友情链接