Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航为大驾家提供DedeCMS站点程序站点教程相关的知识,比如织梦程序安装教程,织梦程序系统故障等教程。

dede模板实现彩色TAG相关具体代码如下主要由JS CSS实现3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

作用相关具体操作方法:3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

1、建一个新的*.html文档,将以下相关具体代码如下拷进去,然后保存3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

2、在首页相应的位置进行具体调用3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

相关具体代码如下如下:3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!



  1. <style type="text/css" > 
  2. .tagCloud{ padding:0 6px; } 
  3. .tagCloud a { margin:0 8px 0 0; line-height:22px; } 
  4. .color0{ color:#2F5FC2; } 
  5. .color1{ color:#AC1BF2; } 
  6. .color2{ color:#9E6FC5; } 
  7. .color3{ color:#FBA426; } 
  8. .color4{ color:#2739CF; } 
  9. .color5{ color:#C8A453; } 
  10. .color6{ color:#AB2846; } 
  11. .weight0{ font-weight:100; } 
  12. .weight1{ font-weight:300; } 
  13. .weight2{ font-weight:500; } 
  14. .weight3{ font-weight:700; } 
  15. .weight4{ font-weight:900; } 
  16. .weight5{ font-weight:bold;} 
  17. .weight6{ font-weight:bolder; } 
  18. .size0{ font-size:12px; } 
  19. .size1{ font-size:13px; } 
  20. .size2{ font-size:14px; } 
  21. .size3{ font-size:16px; } 
  22. .size4{ font-size:20px; } 
  23. .size5{ font-size:22px; } 
  24. .size6{ font-size:24px; } 
  25. </style> 
  26.  <script language="javascript" type="text/javascript"> 
  27.  function setTagCloudStyle(){ 
  28.   var colors = new Array("color0","color1","color2","color3","color4",
  29.   "color5","color6"); 
  30.   var sizes = new Array("size0","size1","size2","size3"); 
  31.   var weights = new Array("weight0","weight1","weight2","weight3",
  32.   "weight4","weight5","weight6"); 
  33.   var colorsLen = colors.length;//获取颜色样式个数 
  34.   var sizesLen = sizes.length;//获取字体大小样式个数 
  35.   var weightsLen = weights.length;//获取字体粗细样式个数 
  36.    
  37.   var tagCloud = document.getElementById("tagCloud"); 
  38.   var tagLinks = tagCloud.getElementsByTagName("a"); 
  39.   var tagLinksLen = tagLinks.length; 
  40.   for(i = 0 ; i < tagLinksLen ; i ){ 
  41.    tagLinks[i].className = colors[Math.floor(colorsLen*Math.random())]   "
  42.   "   sizes[Math.floor(sizesLen*Math.random())]  " "          weights[Math.floor(weightsLen*Math.random())]; 
  43.    //随机设置每个<a>标签的样式,以实现不同效果. 
  44.   } 
  45.  } 
  46.  
  47.  if(document.addEventListener){ 
  48.   window.addEventListener('load',setTagCloudStyle,false); 
  49.  }else{ 
  50.   window.attachEvent('onload',setTagCloudStyle); 
  51.  } 
  52.  //绑定onload事件,在文档载入完毕启动setTagCloudStyle()系统数据库函数; 
  53. </script> 
  54. <div class="tagCloud" id="tagCloud">{dede:tag row='20' getall='1' sort='month'}<a href='http://www.mzdh.net/[field:link/]'>[field:tag /]</a>{/dede:tag}</div> 

织梦程序dedecms网站程序图集图片超过宽度自动适应的解决办法3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

3xPAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于DedeCMS站点程序站点教程相关的知识,就说到这里了希望能帮助朋友们。

标签:

分享到:

  网友投稿

注册时间:

网站:0 个   APP:0 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市