零基础学做网站培训介绍

当前位置:

JQUERY标签云:给多个超链接逐个添加彩色

我们做网站时,有时需要在某个版块调用标签云,并且不同的链接颜色不一样,形成彩色标签云的效果。如下图:

JQUERY标签云

下面介绍一下如何在自己建网站时,通过JQUERY自动给多个超链接逐个添加彩色效果。代码如下:

HTML代码:


<a href="https://www.xuewangzhan.net/jz/jd/">做网站公司</a>
<a href="https://www.xuewangzhan.net/gonggao/393.html">网站培训</a>
<a href="https://www.xuewangzhan.net/jz/moban/">网站建设</a>
<a href="https://www.xuewangzhan.net/jz/buzou/">网站制作教程</a>
<a href="https://www.xuewangzhan.net/wangzhanbuzou/">创建网站步骤</a>
<a href="https://www.xuewangzhan.net/beijing/" target="_blank">北京网站建设培训</a>
<a href="https://www.xuewangzhan.net/guangzhou/" target="_blank">广州网站制作培训</a>
<a href="https://www.xuewangzhan.net/hefei/" target="_blank">合肥建网站培训</a>
<a href="https://www.xuewangzhan.net/91zixue/" target="_blank">91自学网</a>
<a href="https://www.xuewangzhan.net/jz/xiaochengxu/">微信小程序教程</a>
<a href="https://www.xuewangzhan.net/buzou/1998.html">搭建个人网站</a>
<a href="https://www.xuewangzhan.net/jz/why/peixuekc/">建站培训</a>
<a href="https://www.xuewangzhan.net/jianshe/18966.html">网站制作学习</a>
<a href="https://www.xuewangzhan.net/why/zixue/21121.html">做网站需要学习什么</a>
<a href="https://www.xuewangzhan.net/jz/dederumen/" target="_blank">织梦cms建站教程</a>
<a href="https://www.xuewangzhan.net/jz/photoshop/">PS教程</a>
<a href="https://www.xuewangzhan.net/jz/kuaisu/">快速建站教程</a>
<a href="https://www.xuewangzhan.net/jz/qykc/">企业网站制作教程</a>
<a href="https://www.xuewangzhan.net/jz/dzsp/">论坛制作视频教程</a>
<a href="https://www.xuewangzhan.net/jz/scwz/">电子商城制作教程</a>
<a href="https://www.xuewangzhan.net/jz/waimao/">外贸网站制作教程</a>
<a href="https://www.xuewangzhan.net/jz/zh_en/">中英文多语网站制作教程</a>
<a href="https://www.xuewangzhan.net/jz/h5/">HTML5 视频教程</a>
<a href="https://www.xuewangzhan.net/jz/css3/">CSS3视频教程</a>
<a href="https://www.xuewangzhan.net/jz/jingtai/">网站前端开发教程</a>
<a href="https://www.xuewangzhan.net/jz/htkaifa/">网站后台开发教程</a>
<a href="https://www.xuewangzhan.net/jz/wpmoban/">wordpress模板主题开发</a>
<a href="https://www.xuewangzhan.net/jz/fzjc/">仿站教程</a>
<a href="https://www.xuewangzhan.net/jz/dederumen/">织梦建站视频教程</a>
<a href="https://www.xuewangzhan.net/">如何做网站</a>

JQUEYR代码:


<script>
function randomColor() {
var color = "";
for (var i = 0; i < 6; i++) {
color += (Math.random() * 16 | 0).toString(16);
}
return "#" + color;
}

var along = $(".side-tags a").length;

for(var i=0;i<along;i++){
$(".side-tags a:nth-child("+(i+1)+")").css("color",randomColor());
}
</script>

通过HTML和JQUERY代码就可以实现给多个超链接逐个添加彩色的标签云效果了。

相关阅读:

网站超链接怎么做

Dreamweaver如何文字图像添加超链接

如何实现超链接弹窗打开

发表评论

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

相关教程

  • 在很多的图片网站上,全使用到3d轮播图效果,可以不断的实现旋转轮播,最大气美观。效果如图:对于这样一种高大上的3D旋转轮播图,做起来并不是想
  • 图片轮播特效在网站制作过程中经常会用到,它可以让一个“静止”的网站“动”起来。在学做网站论坛以前的建站教程中,也讲过如何制作网站幻灯片,我们在学
  • 在自己建网站过程中,由于版面限制,很多内容需要制作成一TAB选项卡,这样在同样一个尺寸的版块,可以显示成倍的内容。TAB选项卡在很多在的大量网站中
  • Wordpress标签云是将网站里的标签附着不同的颜色,好像一个七彩的云一样,在自己建网站时,可以美化我们的网站。效果如下:我们在学习怎么做
  • 插件介绍Wordpress 3D标签云标签WP-Cumulus可以实现在Wordpress做网站时自动调用标签,形成动感3D效果。它使用Flash Js来实现标签云效果,超酷的3D
  • 我们做网站时,有时需要在某个版块调用标签云,并且不同的链接颜色不一样,形成彩色标签云的效果。如下图:下面介绍一下如何在自己建网站时,
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添
  • 在学做网站论坛的HTML入门教程中,我们介绍了超链接是建网站过程中特别常用的一个标签。超链接常见打开方式有本窗口打开和新窗口打开。今天要介绍
  • HTML5 超链接标签又叫a标签,它是任意一个网站都存在的标签,通过超链接a标签可以将互联网上的任意一个网页联系起来,从而组成一个大的互联网。学做网
  • 今天介绍一个JQ特效,是向上逐个滚动图片展示特效,它可以自动逐个向上滚动,用于一个个展示产品图片。这种特效在商城网站制作教程中经常用于展示商城
  • 网页如何添加背景音乐 视频教程附件下载 (1109581 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • QQ客服在很多网站都很普通,它可以很方便的让浏览我们网站的用户通过QQ进行交流,不需要去查找QQ再加好友,只需要点一下QQ客服上的图标就可以直接发信
  • 网页如何添加视频动画 视频教程 (1100852 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另