学做网站培训课程介绍

当前位置:

怎么给列表栏目添加小图标

有些网站的栏目会在列表前面添加小图标,让整个版面更加好看。如下图:

怎么给列表栏目添加小图标

如何做出这样的前缀小图标的效果呢?对于动态程序循环调用时,是无法直接给每一项添加不同的小图标的。这时,我们可以使用JQUERY的追加功能给不同的栏目添加不同的小图标。

方法如下:

通过FOR循环给列表不同的LI项添加不同的小图标。


<script>
//循环追加动态元素
var nll= $('.topnav>li').length;
for(var i=1;i<=nll;i++){
$('.topnav>li:nth-child('+i+')>a').append(i+".jpg");
}
</script>

通过JQUERY 追加的方式就可以添加不同的小图标了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 本文介绍一下ECS云服务器CentOS操作系统如何安装宝塔面板,大致流程为:先远程连接到云服务器,执行宝塔面板安装命令,安装完毕后保存好宝塔登录地址
  • 我们网站上经常会使用到FORM表单来提交信息,有时会被一些无聊的人批量进行恶意提交,影响网站的服务性能。下面介绍一下使用token验证阻止FORM表单恶
  • 有些站长使用Siteground主机建外贸网站,但对于Siteground主机建网站的步骤不是很清楚,下面学做网站论坛就介绍一下Siteground主机建网站的所有步骤。
  • 很多网站都是以展示性为主的普通展示性网站,那么怎么给自己的网站添加购物商城功能呢?下面学做网站论坛就来介绍一下网站添加购物商城功能的方法。
  • 在很多的图片网站上,全使用到3d轮播图效果,可以不断的实现旋转轮播,最大气美观。效果见这里;对于这样一种高大上的3D旋转轮播图,做起来并不是想
  • 宝塔面板有一个看得功能强大但又很鸡肋的功能就是设置授权IP登录,只有授权的IP电脑才可以登录宝塔面板,否则将无法登录。本来是一个非常好提升网站
  • 下面介绍一下手机网站常见的左边弹出导航菜单,并且点击一级分类展开二级分类的功能实现方法。HTML代码:<ul id="topmeau" class=&
  • 网站上经常会有这样的功能,可以让用户点击对应的颜色来对网站进行配色调整。也就是我们所说的更换配色功能。下面介绍一下如何给网站添加更换皮肤配色
  • 网站使用宝塔面板安装后,为了防止网站数据丢失,需要经常进行网站备份。备份网站数据分为备份网站源码和数据库。用户可以在网站后台可以先备份数据
  • 注册了域名邮箱之后,怎么将其它邮箱如QQ、126邮箱添加到域名邮箱呢?下面介绍一下绑定方法。登录企业邮局,然后点击“设置”2、点击“其他邮箱”3、