在创建列表的时候，可以通过指定type来设置列表项的符号，如下所示：

 <body>

     <form id="form1" runat="server">

     <div>

     <%--实心圆--%>

       <ul id="ulstyle" type="disc">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

       </ul>

       <%--数字--%>

        <ul id="ul1" type="decimal">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

       </ul>

       <%--数字方块--%>

        <ul id="ul2" type="square">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

       </ul>

       <%--空心圆--%>

        <ul id="ul3" type="circle">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

       </ul>

       <%--小写罗马数字--%>

        <ul id="ul4" type="lower-roman">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

        </ul>

         <%--大写罗马数字--%>

        <ul id="ul6" type="upper-roman">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

        </ul>

         <%--小写英文--%>

        <ul id="ul7" type="lower-alpha">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

        </ul>

         <%--大写英文--%>

        <ul id="ul8" type="upper-alpha">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

         </ul>

       </ul>

     </div>

     </form>

 </body>

效果图：

还有一种就是type="none",即不使用列表符号。

使用自带的符号看起来比较刻板，可以使用jQuery实现自定义的列表符号，并且可以使用图片。

 <head runat="server">

     <title></title>

     <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

     <style type="text/css">

       #ulstyle

       {

           list-style:none;

       }

        <%--自定义样式--%>

       .list

       {

           background:url(img/rightrow.jpg) no-repeat;padding-left:20px;

       }

     </style>

     <%--jQuery代码--%>

     <script type="text/javascript">

         $(document).ready(function () {

             $("#ulstyle li").each(function () {

                 $(this).addClass("list");

             });

         });

     </script>

 </head>

 <body>

     <form id="form1" runat="server">

     <div>

       <ul id="ulstyle">

         <li>jQuery 是一个JavaScript库。 </li>

         <li>jQuery 极大简化了JavaScript编程。</li>

         <li>jQuery 很容易学习。</li>

       </ul>

     </div>

     </form>

 </body>

效果图：

在HTML中通过jQuery设置列表项符号的更多相关文章

  1. CSS：列表样式（设置列表项的标志图案/位置）

    通过CSS 列表属性能够放置.改变列表项标志.或者将图像作为列表项标志. 代码整理自w3school:http://www.w3school.com.cn 效果图: watermark/2/text/ ...

  2. ASP.NET MVC中为DropDownListFor设置选中项的方法

    在MVC中,当涉及到强类型编辑页,如果有select元素,需要根据当前Model的某个属性值,让Select的某项选中.本篇只整理思路,不涉及完整代码. □ 思路 往前台视图传的类型是List< ...

  3. MVC 中@Html.DropDownListFor() 设置选中项 这么不好使 ？ [问题点数：40分，结帖人lkf181]

    http://bbs.csdn.net/topics/390867060 由于不知道错误原因在哪 我尽量把代码都贴出来吧:重点是:在 Controller 类里 我给 SelectListItem集合 ...

  4. CSS中列表项list样式

    CSS列表属性 属性 描述 list-style-属性 用于把所有用于列表的属性设置于一个声明中. list-style-image 将图象设置为列表项标志. list-style-position ...

  5. FreeRTOS列表和列表项

    FreeRTOS中的列表和列表项类似于数据结构中的链表和节点: 相关的文件是list.c和list.h两个文件: List_t列表结构体 具体定义如下: /* * Definition of the ...

  6. @Html.DropDownListFor 绑定列表项

    MVC中为 DropDownListFor 绑定列表项, 一种方案从后台加载列表内容,通过ViewData传递到前台页面. View: <div class="editor-label ...

  7. 跟我学SharePoint 2013视频培训课程—— 审批、拒绝列表项(13)

    课程简介 第13天,怎样在SharePoint 2013中审批.拒绝列表项. 视频 SharePoint 2013 交流群 41032413

  8. 从0开始学FreeRTOS-(列表与列表项)-3

    # FreeRTOS列表&列表项的源码解读     第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像. 在`FreeRTOS`中,列表与列表项使用得非常多 ...

  9. 从0开始学FreeRTOS-(列表&列表项)-6

    # FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像. 在FreeRTOS中,列表与列表项使用得非常多,是Free ...

随机推荐

  1. [Java] 关键字final、static使用总结

    一.final 根据程序上下文环境,Java关键字final有“这是无法改变的”或者“终态的”含义,它可以修饰非抽象类.非抽象类成员方法和变量.你可能出于两种理解而需要阻止改变:设计或效率.final ...

  2. Window环境下配置Redis服务的方法及查看缓存数据的工具介绍

    工具下载位置:http://pan.baidu.com/s/1hqVh1f2,包括服务端配置以及查看缓存的工具. 服务端是以服务的形式运行,将Redis服务端解压到某个目录,然后执行cmd执行命令: ...

  3. 【Shell脚本学习8】Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数

    前面已经讲到,变量名只能包含数字.字母和下划线,因为某些包含其他字符的变量有特殊含义,这样的变量被称为特殊变量. 例如,$ 表示当前Shell进程的ID,即pid,看下面的代码: $echo $$ 运 ...

  4. 【Shell脚本学习1】Shell简介：什么是Shell，Shell命令的两种执行方式

    Shell本身是一个用C语言编写的程序,它是用户使用Unix/Linux的桥梁,用户的大部分工作都是通过Shell完成的.Shell既是一种命令语言,又是一种程序设计语言.作为命令语言,它交互式地解释 ...

  5. 用英文加优先级来解读C的声明

    比如:int ( * func_p ) ( double ); 首先着眼于标识符. func_p is 因为存在括号,(* func_p) 先被处理,这里着眼于* func_p is a pointe ...

  6. Ubuntu快速显示桌面的方法

    在Ubuntu环境下,按下Ctrl+D就能最小化所有窗口,立刻显示桌面,类似xp下的显示桌面按钮功能.不过这是需要经过快捷键设置的.以下是设置方法: 1.找到"系统设置" 2.进入 ...

  7. log4net日志文件名输出格式化

    日志文件输出格式: 20130626.txt20130627.txt20130628.txt20130629.txt <appender name="rolling" typ ...

  8. C# struct

    很困惑,为什么C#会有struct 这样一个关键字.虽然我用C#几年了,但绝少用到此关键字.我在相关书籍上学习C#的时候,看到过struct内容——但C#并不是我的第一入门语言,所以没有那么细致的学习 ...

  9. jQuery选择器之子元素过滤选择器Demo

    测试代码: 07-子元素过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & ...

  10. hdu 3594 仙人掌图

    思路:利用它的几条性质 #include<set> #include<map> #include<cmath> #include<queue> #inc ...