`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; 不断行的空白

阅读剩下更多

默认配图
返回顶部