the_dead 2015-07-30 04:19 采纳率: 100%
浏览 1912
已采纳

如何把如下的代码中的矩形标签形状改成五角星的形状

<!doctype html>

jquery多彩标签云选择效果 ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff;border:solid 1px purple;color:purple;padding:5px;margin-bottom:15px;border-radius:6px;-khtml-border-radius:6px;float:left;margin:0 5px 5px 0;line-height:30px;font-size:14px;cursor:pointer} ul.cloud li:hover,ul.cloud li.Selected{background:purple;color:#fff} ul.cloud li.green{color:green;border-color:green} ul.cloud li.green:hover,ul.cloud li.greenSelected{background:green;color:#fff} ul.cloud li.blue{color:blue;border-color:blue} ul.cloud li.blue:hover,ul.cloud li.blueSelected{background:blue;color:#fff}
  • 标签1
  • 标签2
  • 标签3
  • 标签4
  • 标签5
  • 标签6

function rnd(min, max) { var tmp = min; if (max < min) { min = max; max = tmp; } return Math.floor(Math.random() * (max - min + 1) + min); } var arr = ['', 'blue', 'green']; $('#ul li') .attr('cls', function () { return this.className = arr[rnd(0, arr.length)]; })//随机分配样式 .click(function () { var cls = this.getAttribute('cls'), isSelected = this.className.indexOf('Selected') != -1; this.className = isSelected ? cls : cls + ' ' + cls+'Selected'; }); function getTags() { var tags = $('#ul li[class*="Selected"]').map(function () { return this.innerHTML }).get().join('，'); alert(tags) }
  • 写回答

4条回答 默认 最新

  • the_dead 2015-07-30 04:29
    关注

    <!doctype html>

    jquery多彩标签云选择效果 ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff;border:solid 1px purple;color:purple;padding:5px;margin-bottom:15px;border-radius:6px;-khtml-border-radius:6px;float:left;margin:0 5px 5px 0;line-height:30px;font-size:14px;cursor:pointer} ul.cloud li:hover,ul.cloud li.Selected{background:purple;color:#fff} ul.cloud li.green{color:green;border-color:green} ul.cloud li.green:hover,ul.cloud li.greenSelected{background:green;color:#fff} ul.cloud li.blue{color:blue;border-color:blue} ul.cloud li.blue:hover,ul.cloud li.blueSelected{background:blue;color:#fff}
    • 标签1
    • 标签2
    • 标签3
    • 标签4
    • 标签5
    • 标签6

    function rnd(min, max) { var tmp = min; if (max < min) { min = max; max = tmp; } return Math.floor(Math.random() * (max - min + 1) + min); } var arr = ['', 'blue', 'green']; $('#ul li') .attr('cls', function () { return this.className = arr[rnd(0, arr.length)]; })//随机分配样式 .click(function () { var cls = this.getAttribute('cls'), isSelected = this.className.indexOf('Selected') != -1; this.className = isSelected ? cls : cls + ' ' + cls+'Selected'; }); function getTags() { var tags = $('#ul li[class*="Selected"]').map(function () { return this.innerHTML }).get().join('，'); alert(tags) }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器