CSS3下拉列表收缩展开特效代码下载


CSS3下拉列表收缩展开特效代码下载
CSS3下拉列表收缩展开特效代码下载以及下拉列表、收缩展开等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css">

2. HTML代码

<h1>网页展开特效 </h1>
<ul class="fl">
  <li>
    <input type="checkbox" checked>
    <i></i>
    <h2>此处填写你的标题</h2>
    <p>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br></p>
  </li>
  <li>
    <input type="checkbox" checked>
    <i></i>
    <h2>此处填写你的标题</h2>
    <p>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br>此处填写你的正文<br></p>
  </li>
  <li>
    <input type="checkbox" checked>
    <i></i>
    <h2>此处填写你的标题</h2>
    <p>此处填写你的正文此处填写你的正文此处填写你的正文处填写你的正文<br>此处填写你的正文此处填写你的正文</p>
  </li>
</ul>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章