完美者（wmzhe.com）网站以软件下载为基础，改版后的网站对功能性板块进行扩充，以期能够解决用户在软件使用过程中遇见的所有问题。网站新增了“软件百科”、“锦囊妙技”等频道，可以更好地对用户的软件使用全周期进行更加专业地服务。
DivCssData(关联网页自动切片生成Div+Css软件数据库版)是一款只需要导入效果图，拉框线就可以生成标准的兼容性的DIV+CSS，同时集成图片切换、图片滚动、滑动门TAB效果、视频代码、表单、网页控件、JAVASCRIPT验证、下拉菜单等特效，同时集成了数据库调用功能（可以制作asp+access、asp.net+sql server、php+mysql、jsp+oracle语言和数据库的网站），还拥有智能规则、自动划分切片、文字识别等功能，大大方便了网站开发，可以让您在短时间内做出标准兼容各个浏览器的数据库网站。本软件是网页制作、网页切片、企业网站、门户网站网页布局开发、批量做模板的最佳工具。"锦囊妙技"栏目是聚合全网软件使用的技巧或者软件使用过程中各种问题的解答类文章，栏目设立伊始，小编欢迎各路软件大神朋友们踊跃投稿，在完美者平台分享大家的独门技巧。
本站文章素材来源于网络，大部分文章作者名称佚失，为了更利于用户阅读和使用，根据需要进行了重新排版和部分改编，本站收录文章只是以帮助用户解决实际问题为目的，如有版权问题请联系小编修改或删除，谢谢合作。
软件大小：15.68 MB
下面的Fpages和GetUrl为公共函数，把这两个放到一个公共文件中，供所有页面使用。
需要引入jQuery，HTML代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">ul,li,p {margin: 0;padding: 0;list-style: none;}.time {width: 10%;height: 110px;background-color: beige;text-align: center;padding-top: 60px;margin-right: 10px;}.time p {font-size: 26px;color: skyblue;}.list {width: 100%;height: 200px;margin-bottom: 5px;}.time,.content {float: left;}.content {width: 80%;border: 1px solid transparent;}.content span {font-size: 18px;}.content .intro {font-size: 22px;margin-top: 10px;}.hx {border-bottom: 1px solid #808080;margin-bottom: 42px;}.add {height: 100px;background: darkgray;text-align: center;line-height: 100px;font-size: 30px;}</style></head><body><ul><li class="list"><div class="time"><p class="year"></p><p class="date"></p></div><div class="content"><h2>社区邻居多，与您e69da5e887aa3231313335323631343130323136353331333431363663一起过六一！</h2><span>发布者：</span><span class="fbz">沈培</span> <span>浏览次数：</span><span class="llcs">1</span><p class="intro">我们都知道那个小小的人会长大，我们能做的不是永久事无巨细的帮助他，而是为他们不断的创造足够成长的空间...</p></div></li><p class="hx"></p><li class="list"><div class="time"><p class="year"></p><p class="date"></p></div><div class="content"><h2>社区邻居多，与您一起过六一！</h2><span>发布者：</span><span class="fbz">沈培</span> <span>浏览次数：</span><span class="llcs">1</span><p class="intro">我们都知道那个小小的人会长大，我们能做的不是永久事无巨细的帮助他，而是为他们不断的创造足够成长的空间...</p></div></li><p class="hx"></p></ul><p class="add">↓</p><script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script><script src="adddate.json" type="text/javascript" charset="utf-8"></script><script type="text/javascript">var year = new Date().getFullYear();var month = new Date().getMonth() + 1;var day = new Date().getDate();var str = month + "-" + day;$(".year").html(year);$(".date").html(str);//点击一次就调用json里的一条数据var i = 0;$(".add").click(function() {for (var k = 0; k < 2; k++) {//创建一个livar eleli = document.createElement("li");//创建li里面的两个divvar elediv1 = document.createElement("div");var elediv2 = document.createElement("div");//创建p标签var elep1 = document.createElement("p");var elep2 = document.createElement("p");//创建h2标签var eleh2 = document.createElement("h2");//创建两个span标签var elespan1 = document.createElement("span");var elespan2 = document.createElement("span");//创建一个p标签var elesp3 = document.createElement("p");//创建一个hr标签var elehr = document.createElement("hr");//动态添加了li,并添加了class=list属性var newli = $("body ul").append(eleli).children().last().addClass("list");//往li里添加两个divnewli.append(elediv1).append(elediv2);$("ul li:last").children().first().addClass("time");$("ul li:last").children().last().addClass("content");//往第一个div里添加两个p标签$("ul li:last div:first").append(elep1).append(elep2);//给两个p标签添加class属性 分别是year和date,并赋值$("ul li:last div:first").children().first().addClass("year").html("2019");$("ul li:last div:first").children().last().addClass("date").html("08-27");//获取最后一个li中的最后一个div元素$("ul li:last div:last").append(eleh2);//调用json里的数据作为标题$("ul li:last div:last").children().first().html(arr[i].title);//添加两个span$("ul li:last div:last").append(elespan1).append(elespan2);$("ul li:last div:last").children("span").first().addClass("fbz").html("发布者：" + arr[i].author +" ");$("ul li:last div:last").children("span").last().addClass("llcs").html("浏览次数：" + arr[i].manay);$("ul li:last div:last").append(elesp3);$("ul li:last div:last").children().last().addClass("intro").html(arr[i].content);$("ul").append(elehr).children().last().addClass("hx");i++;}})</script></body></html>adddate.json代码如下：var arr = [{"id":1,"author":"小马","title":"哈哈哈，这是一个标题1","manay":"20","content":"百度知道是由全球最大的中文搜索引擎百度自主研发、基于搜索的互动式知识问答分享平台。用户可以根据自身的需求,有针对性地提出问题;同时,这些答案又将作为搜索结果1,..."},{"id":2,"author":"小皮","title":"哈哈哈，这是一个标题2","manay":"80","content":"百度知道是由全球最大的中文搜索引擎百度自主研发、基于搜索的互动式知识问答分享平台。用户可以根据自身的需求,有针对性地提出问题;同时,这些答案又将作为搜索结果2,..."},{"id":3,"author":"小瓜","title":"哈哈哈，这是一个标题3","manay":"200","content":"百度知道是由全球最大的中文搜索引擎百度自主研发、基于搜索的互动式知识问答分享平台。用户可以根据自身的需求,有针对性地提出问题;同时,这些答案又将作为搜索结果3,..."},{"id":4,"author":"小习","title":"哈哈哈，这是一个标题4","manay":"2000","content":"百度知道是由全球最大的中文搜索引擎百度自主研发、基于搜索的互动式知识问答分享平台。用户可以根据自身的需求,有针对性地提出问题;同时,这些答案又将作为搜索结果4,..."}]
淘宝里边自定义的属性吧，用来实现某些JS效果
根据hrml5的定义，有元素的自定义data-属性，即在任何元素内添加自定义的data-前缀的属性，比如data-options，data-value等，在JQ中$(seleter).data("后缀")，获取该data-的值，比如你定义个data-value=‘123’ 在jq中$().data("value")就返回”123“，所以你说的这个data-css也是开发者自定义的属性
