我有一个简单的有序列表:
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
</ol>
我正在使用jQuery创建一个可排序的列表,您可以通过拖放来对列表中的项目进行重新排序。但我也希望用户能够通过单击"x“图标来删除列表项,其中已排序的列表号通常处于悬停状态。右边已经被一个“移动”图标(三条水平线)所使用。
如果我将鼠标悬停在列表项2上,我会看到:
1. one
X two =
3. three
我需要2替换为一个X,它
请注意,我并不是在问如何实现或编写多列列表。
有两种方法对多列列表进行排序:水平和垂直。许多微软的System.Web.UI.WebControls都有一个提供这两个选项的RepeatDirection属性。我相信其他框架也提供了这些方向选项。
下面是两个选项的示例:
水平排序(按字母顺序)
* Ash * Beech * Cedar
* Date * Elm * Fir
* Grape * Hawthorn * Ivy
水平排序(数字)
1. Ash 2. Beech 3. Cedar
4. Date 5. E
如何制作水平导航栏?我希望所有的图像(demo4),是在一条水平线。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Sepia!</title>
<link rel="stylesheet" href="mystyle.css">
<style type="text/css">
body {
padding-top: 4e