网页制作教程:制作拖拽翻页

作者佚名技术来源 CSS技术浏览发布时间 2012-02-29

是不应该出现在xhtml 中的，应该由 js 添加，它是每一页下面的索引标识，图中的深灰色部分
<div class="page"> 是目录中的页，图中的白色部分
<div id="menu"> 是包含了所有页的目录，图中的亮蓝色部分。当然，如果页面中除了这个效果外没有其他东西的话，这个标签也可以不写，那么所有 <div class="page"> 的父标签就是 <body>
或许你会说，目录也应该是 <ul>，所以应该这么写

<ul id="menu">
 <li class="page">
 <ul>
 <li>09-11-25<a>恋曲1980</a></li>
 <li>09-11-25<a>恋曲1990</a></li>
 <li>09-11-25<a>恋曲2000</a></li>
 <li>09-11-25<a>母亲</a></li>
 </ul>
 1/2页拖拽翻页
 </li>
 <ul class="page">
 <ul>
 <li>09-11-25<a>伴侣</a></li>
 <li>09-11-25<a>思念</a></li>
 <li>09-11-25<a>童年</a></li>
 <li>09-11-25<a>牧童</a></li>
 </ul>
 2/2页拖拽翻页
 </li>
</li>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: CSS教程:li标记在IE下产生间距下一篇: CSS实例教程:CSS制作虚线的2种方法

关于网页制作教程:制作拖拽翻页的所有评论

随机推荐