js教程

javascript制作随机样式标签云方法

我的站长站 2020-07-14 人阅读

我的站长站分享一段超简单的javascript随机样式标签云方法,比网上那些长篇大论的简单好理解多了,一看就懂,效果如下。

javascript制作随机样式标签云方法

js代码

$(".tags a").each(function(){
var x = 5;
var y = 9;
var rand = parseInt(Math.random() * (x - y + 1) + y);
$(this).css("opacity","0."+ rand);
$(this).hover(function(){
$(this).animate({opacity:"1"},100);
},function(){
$(this).animate({opacity:"0."+ rand},100);
})
});

修改下面的.tags为你难道div选择器就可以了,这里是利用rand随机的透明度,你也可以修改为其他的

相关专题
javascript
javascript
2022-09-12 12

学好javascript是开发必备基础知识,任何开发都离不开javascript.我的站长站为您整理javascript教程,javascript源码,更多javascript资源请访问我的站长站。...

相关推荐
  • js随机
  • JavaScript语法
  • javascript制作随机样式标签云方法
    javascript制作随机样式标签云方法

    我的站长站分享一段超简单的javascript随机样式标签云方法,比网上那些长篇大论的简单好理解多了,一看就懂,效果如下。JS代码$(".tags a").each(function(){var x = 5;var y = 9;var rand = parseInt...

    js教程 90 4年前
  • js随机点名效果

    <!doctype html><title>点名器</title><meta charset="utf-8"><style> #box{ width:400px; height:200px; background:#ff6699; margin:100px auto auto auto; text-align:center; line-h...

    js教程 67 3年前
  • js随机生成指定位数+数字+字母混合字符串

    之前我的站长站分享过js随机生成的教程,但是那篇教程只能指定随机数的位数,但是不能自定义随机内容。[xxid]71,2770[/xxid]这篇教程可以指定随机的位数,还可以自定义随机的内容,比如:数字、字母、符号,或其他任何混合字符串,代码如下:function generateMixed...

    js教程 53 1年前
  • JavaScript ES6-11版本语法大全教程
    JavaScript ES6-11版本语法大全教程

    视频教程说明JavaScript ES6-11版本语法大全教程,共77课时,淘宝购买免费分享给大家。JavaScript ES6教程截图课程列表9-7 空值合并运算符:Nullish coalescing Operator_.mp49-6 可选链:Optional chai...

    视频教程 64 3年前
  • javascript制作随机样式标签云方法
    javascript制作随机样式标签云方法

    我的站长站分享一段超简单的javascript随机样式标签云方法,比网上那些长篇大论的简单好理解多了,一看就懂,效果如下。JS代码$(".tags a").each(function(){var x = 5;var y = 9;var rand = parseInt...

    js教程 90 4年前
  • JavaScript优雅地修改对象属性名

    在项目开发中总会需要对对象进行格式化以便处理,这其中就涉及到了修改对象的属性名,也就是对象键名的修改。比如在处理下面这个对象时const obj = {name :Bobo &#39;,job: &#39; Master&#39;,number: 1234};采用传统的操作方式就是进行一个拷贝处理obj [...

    js教程 240 3年前
最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前