`HTML`标签下的文章

学习笔记

做侧边菜单之弹出二级菜单-position定位不影响其他DIV

二级展现菜单
常常使用position用于层的绝对定位,比如我们让一个层位于一个层内具体什么位置,为即可使用position:absolute和position:relative实现。

position:absolute;position:relative绝对定位使用通常是父级定义position:relative定位,子级定义position:absolute绝对定位属性,并且子级使用left或right和top或bottom进行绝对定位。

例子:
首先是JS实现二级菜单的展现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script language="javascript">
function tab(tag, className, isDisplay) {
var list = document.getElementsByTagName(tag);
for (var i = 0,
len = list.length; i < len; i++) {
if (list[i].className == className) {
if (isDisplay == 1) {
list[i].style.display = "block"
} else {
list[i].style.display = "none"
}
}
}
}
</script>
</pre>
页面代码:
<pre lang="html" line="1" escaped="true">
<div style="float:left; position:relative">

##学校
<span class="bianh">
<a herf="#">[切换]</a></span>
<div style="position:absolute; left:40px;" onmousemove="tab('div','selectschool',1)" onclick="tab('div','selectschool',2)">
<a herf="#">中南民族大学</a>
<a herf="#">XXXX大学</a>
</div>
</div>

阅读剩下更多

默认配图
学习笔记

网页特殊符号HTML代码大全

HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。

字符 实体 字符 实体 字符 实体 字符 实体
´ &acute; © &copy; > &gt; µ &micro;
& &amp; ° &deg; ¡ &iexcl; &nbsp;
¦ &brvbar; ÷ &divide; ¿ &iquest; ¬ &not;
§ &sect; • &bull; ½ &frac12; « &laquo;
&para; ¨ &uml; § &sect; • &bull;
½ &frac12; « &laquo; &para; ¨ &uml;
¸ &cedil; ¼ &frac14; < &lt; ± &plusmn;
× &times; ¢ &cent; ¾ &frac34; ¯ &macr;
“ &quot; ™ &trade; € &euro; £ &pound;
¥ &yen; „ &bdquo; … &hellip; · &middot;
› &rsaquo; ª &ordf; ˆ &circ; “ &ldquo;
— &mdash; ’ &rsquo; º &ordm; † &dagger;
‹ &lsaquo; – &ndash; ‚ &sbquo; ” &rdquo;
‡ &Dagger; ‘ &lsquo; ‰ &permil; ­ &shy;
˜ &tilde; ≈ &asymp; ⁄ &frasl; ← &larr;
∂ &part; ♠ &spades; ∩ &cap; ≥ &ge;
≤ &le; ″ &Prime; ∑ &sum; ♣ &clubs;
↔ &harr; ◊ &loz; ′ &prime; ↑ &uarr;
↓ &darr; ♥ &hearts; − &minus; ∏ &prod;
‍ &zwj; ♦ &diams; ∞ &infin; ≠ &ne;
√ &radic; ‌ &zwnj; ≡ &equiv; ∫ &int;
‾ &oline; → &rarr; α &alpha; η &eta;
μ &mu; π &pi; θ &theta; β &beta;
γ &gamma; ν &nu; ψ &psi; υ &upsilon;
χ &chi; ι &iota; ω &omega; ρ &rho;
ξ &xi; δ &delta; κ &kappa; ο &omicron;
σ &sigma; ζ &zeta; ε &epsilon; λ &lambda;
φ &phi; τ &tau; Α &Alpha; Η &Eta;
Μ &Mu; Π &Pi; Θ &Theta; Β &Beta;
Γ &Gamma; Ν &Nu; Ψ &Psi; Υ &Upsilon;
Χ &Chi; Ι &Iota; Ω &Omega; Ρ &Rho;
Ξ &Xi; Δ &Delta; Κ &Kappa; Ο &Omicron;
Σ &Sigma; Ζ &Zeta; Ε &Epsilon; Λ &Lambda;
Φ &Phi; Τ &Tau; ς &sigmaf;

HTML常用特殊字符:只要你认识了 HTML 标记,你便会知道特殊字符的用处。

HTML原代码 显示结果 描述
&lt; < 小于号或显示标记
&gt; > 大于号或显示标记
&amp; & 可用于显示其它特殊字符
&quot; “ 引号
&reg; ® 已注册
&copy; © 版权
&trade; ™ 商标
&ensp; 半个空白位
&emsp; 一个空白位
&nbsp; 不断行的空白

阅读剩下更多

默认配图
返回顶部