discuz门户频道实现瀑布流-Discuz教程下载

登录/ 注册
站长工具
 找回密码
 立即注册
QQ登录
搜索
返回列表 发新帖

discuz门户频道实现瀑布流

来自版块: Discuz教程
22201
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员，全站资源免费下
门户里添加了一个图片频道，看现在的瀑布流这么火，于是想实现一下看看效果。

网上搜索到一个叫waterflow的瀑布流例子，研究了一下，发现要改造起来也不难，下面一步步来实现。

1.新建一个门户列表页瀑布流模板list_waterflow.htm,里面的内容可以先复制list.htm的贴进来。

因为是用ajax方式加载文章列表的，所以原来用loop循环的方式显示列表就可以抛弃了，列表html结构如下：

<div class="waterflow-container">
<div>
<div id="infscr-loading" style="display: block; ">
<img alt="Loading..." src="ajax-loader.gif">
<div>加载中...</div>
</div>
<div id="noshow" style="display: none; ">
<div>就这些了</div>
</div>
添加样式：
  1. /*瀑布流样式*/
  2. .waterflow-container{position:relative;font-size:12px;border:1px solid #ccc;padding:0;margin:0;text-align:center;background-color:white;}
  3. .hide {display:none;}
  4. #infscr-loading{
  5. position: fixed;
  6. bottom: 40px;
  7. left: 50%;
  8. top:50%;
  9. width: 150px;
  10. text-align: center;
  11. margin-left: -75px;
  12. z-index: 99;
  13. }
  14. #infscr-loading div{
  15. display: block;
  16. padding: 5px 10px 5px 10px;
  17. background-color: #FAFAEF;
  18. border: 1px solid #AAA;
  19. border-radius: 6px;
  20. -moz-border-radius: 6px;
  21. -webkit-border-radius: 6px;
  22. -moz-box-shadow: 0 0 18px #999;
  23. -webkit-box-shadow: 0 0 18px #999;
  24. box-shadow: 0 0 18px #999;
  25. }
  26. #noshow {
  27. position: fixed;
  28. bottom: 40px;
  29. left: 50%;
  30. top:50%;
  31. width: 150px;
  32. text-align: center;
  33. margin-left: -75px;
  34. z-index: 99;
  35. }
  36. #noshow div{
  37. display: block;
  38. padding: 5px 10px 5px 10px;
  39. background-color: #FAFAEF;
  40. border: 1px solid #AAA;
  41. border-radius: 6px;
  42. -moz-border-radius: 6px;
  43. -webkit-border-radius: 6px;
  44. -moz-box-shadow: 0 0 18px #999;
  45. -webkit-box-shadow: 0 0 18px #999;
  46. box-shadow: 0 0 18px #999;
  47. }
复制代码
添加控制js:
  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript" src="jquery.windswaterflow.js"></script>
  3. <script type="text/javascript">
  4. var j = jQuery.noConflict();
  5. j(document).ready(function(){
  6.         j(".waterflow-container").windswaterflow({
  7.             itemSelector: '.box',
  8.             loadSelector: '#infscr-loading',
  9.             noSelector: '#noshow',
  10.             boxTemplate: '<div class="box hide"><a href="#"><div class="img"><img src="%img%" style="height:%height%px;" alt="" /></div></a><div class="title">%title%</div><div class="like btn">喜欢</div><div class="comments btn">评论</div></div>',
  11.             columnWidth: 210,
  12.             marginWidth: 24,
  13.             marginHeight: 16,
  14.             ajaxServer: 'portal.php?mod=list&catid='+{$catid}+'&waterflow=true',
  15.             boxParam: 'num',
  16.             pageParam: 'page',
  17.             maxPage: 0,
  18.             init: false,
  19.             initBoxNumber: 20,
  20.             scroll: true,
  21.             scrollBoxNumber: 10,
  22.             callback: function() {
  23.             }
  24.         });
  25. });
  26. </script>
复制代码
2.在source\module\portal\portal_list.php文件里，82行增加ajax提供数据的代码
  1. if(isset($_GET['waterflow'])){
  2. $wheresql = category_get_wheresql($cat);
  3. $list = category_get_list($cat,$wheresql,$page);
  4. echo json_encode($list['list']);
  5. die();
  6. }
复制代码
这样门户的瀑布流就基本实现了。
jquery.windswaterflow.js内容如下：
  1. (function($) {
  2.     $.fn.windswaterflow = function(options) {
  3.         //初始化状态
  4.         var _init = 0, _isminCols = false, _isnoShow = false;
  5.         var defaults = {
  6.             itemSelector: '',
  7.             loadSelector: '',
  8.             noSelector: '',
  9.             boxTemplate: '',
  10.             columnWidth: 240,
  11.             marginWidth: 14,
  12.             marginHeight: 16,
  13.             minCols: 3,
  14.             maxPage: 0,
  15.             align: 'center',
  16.             ajaxServer: '',
  17.             boxParam: '',
  18.             pageParam: 'page',
  19.             pageNumber: 1,
  20.             init: false,
  21.             initBoxNumber: 20,
  22.             scroll: false,
  23.             scrollBoxNumber: 10,
  24.             callback: null
  25.         };
  26.         //参数合并
  27.         var param = $.extend({}, defaults, options || {});
  28.         //如果没有元素和TPL则返回
  29.         if (param.itemSelector == '' || param.tplSelector == '') {
  30.             return;
  31.         }
  32.         if (param.loadSelector != '') {
  33.             //$(param.loadSelector).hide();
  34.         }
  35.         if (param.noSelector != '') {
  36.             $(param.noSelector).hide();
  37.         }
  38.         if ($(this).CSS('text-align') != undefined) {
  39.             param.align = $(this).css('text-align');
  40.         }
  41.         function _min(_arr) {
  42.             return Math.min.apply(Math, _arr);
  43.         };
  44.         function _max(_arr) {
  45.             return Math.max.apply(Math, _arr);
  46.         };

  48.         function findShortIndex(_arr) {
  49.             var index = 0, i;
  50.             for (i in _arr) {
  51.                 if (_arr[i] < _arr[index]) {
  52.                     index = i;
  53.                 }
  54.             }
  55.             return index;
  56.         };

  58.         function findLongIndex(_arr) {
  59.             var index = 0, i;
  60.             for (i in _arr) {
  61.                 if (_arr[i] > _arr[index]) {
  62.                     index = i;
  63.                 }
  64.             }
  65.             return index;
  66.         };
  67.         if (param.init) {
  68.             //如果有初始化，则清空原来的
  69.             $(this).html('');
  70.         }
  71.         //BOX个数
  72.         var _boxCount = $(param.itemSelector).length;
  73.         //每个BOX的宽度
  74.         var _boxWidth = param.columnWidth + param.marginWidth;
  75.         //包含层的宽度
  76.         var _containerWidth = $(this).width();
  77.         //计算出列数
  78.         var _showCols = Math.floor(_containerWidth / _boxWidth);
  79.         //得到居中后的左边padding
  80.         var _containerPadding = 0;
  81.         if (param.align == 'left') {
  82.             _containerPadding = 0;
  83.         }
  84.         else if (param.align == 'right') {
  85.             _containerPadding = _containerWidth % _boxWidth;
  86.         }
  87.         else {
  88.             _containerPadding = (_containerWidth % _boxWidth) / 2;
  89.         }
  90.         //如果小于最小列，则左边距为0
  91.         if (_showCols < param.minCols) {
  92.             _containerPadding = 0;
  93.             _showCols = param.minCols;
  94.             _isminCols = true;
  95.         }
  96.         //计算出行数
  97.         var _tpRows = $(param.itemSelector).length / _showCols;
  98.         var _showRows = Math.floor(_tpRows) == _tpRows ? _tpRows : _tpRows + 1;
  99.         //记录每行当前的高度
  100.         var _colsTopArr = [];
  101.         //初始化为0
  102.         for (var len = 0; len < _showCols; len++) {
  103.             _colsTopArr.push(0);
  104.         };
  105.         var selector = $(this).selector;
  106.         function setPosition(wrap, boxs, op) {
  107.             //临时 最短列序号，左位置值，上位置值
  108.             var _tpShortColIdx, _tpLeftPos, _tpTopPos, _tpLen = $(boxs).length;
  109.             if (op == "resize" || op == "init") {
  110.                 $(wrap).width()
  111.                 _isminCols = false;
  112.                 _containerWidth = $(wrap).width();
  113.                 _showCols = Math.floor(_containerWidth / _boxWidth);
  114.                 //得到居中后的左边padding
  115.                 if (param.align == 'left') {
  116.                     _containerPadding = 0;
  117.                 }
  118.                 else if (param.align == 'right') {
  119.                     _containerPadding = _containerWidth % _boxWidth;
  120.                 }
  121.                 else {
  122.                     _containerPadding = (_containerWidth % _boxWidth) / 2;
  123.                 }
  124.                 //如果小于最小列，则左边距为0
  125.                 if (_showCols < param.minCols) {
  126.                     _containerPadding = 0;
  127.                     _showCols = param.minCols;
  128.                     _isminCols = true;
  129.                 }

  131.                 //计算出行数
  132.                 _tpRows = $(boxs).length / _showCols;
  133.                 _showRows = Math.floor(_tpRows) == _tpRows ? _tpRows : _tpRows + 1;
  134.                 //初始化为0
  135.                 _colsTopArr.length = 0;
  136.                 for (var len = 0; len < _showCols; len++) {
  137.                     _colsTopArr.push(0);
  138.                 };
  139.             }
  140.             //在第一次加载时无高度的情况下
  141.             //chrome不能自已加载 $.browser.safari &&
  142.             if (op == null) {
  143.                 $(boxs).imagesLoaded(function() {
  144.                     $(boxs).each(function(index) {
  145.                         var _tpShortColIdx = index;
  146.                         if (_tpShortColIdx < _showCols && op != "add") {
  147.                             _tpLeftPos = _boxWidth * _tpShortColIdx + _containerPadding + "px";
  148.                             $(this).css({ "top": "0", "left": _tpLeftPos, "width": param.columnWidth + "px", "margin": "0" });
  149.                         }
  150.                         else {
  151.                             _tpShortColIdx = findShortIndex(_colsTopArr);
  152.                             _tpLeftPos = _boxWidth * _tpShortColIdx + _containerPadding + "px";
  153.                             _tpTopPos = _colsTopArr[_tpShortColIdx] + "px";
  154.                             $(this).css({ "top": _tpTopPos, "left": _tpLeftPos, "width": param.columnWidth + "px", "margin": "0" });
  155.                         }
  156.                         if (op == "add") {
  157.                             $(this).appendTo(wrap);
  158.                         }
  159.                         _colsTopArr[_tpShortColIdx] = _colsTopArr[_tpShortColIdx] + $(this).height() + param.marginHeight;

  161.                         //全部加入后增加外框
  162.                         if (index == _tpLen - 1) {
  163.                             $(wrap).height(_max(_colsTopArr) + "px");
  164.                             if (_isminCols) {
  165.                                 //设置以后回不去
  166.                                 //$(wrap).width((_boxWidth * _showCols + _containerPadding + param.marginWidth) + "px");
  167.                             }
  168.                             if (op == "add") {
  169.                                 if ($.browser.msie) {
  170.                                     $(".hide").animate({ opacity: 'show' }, 2000);
  171.                                 }
  172.                                 else {
  173.                                     $(".hide").animate({ opacity: 'show' }, 1000);
  174.                                 }
  175.                                 if (param.loadSelector != '') {
  176.                                     $(param.loadSelector).hide();
  177.                                 }
  178.                             }
  179.                             _SolStatus = 0;
  180.                         }

  182.                     });
  183.                 });
  184.             }
  185.             else {
  186.                 //将所有元素放到各自己的位置
  187.                 $(boxs).each(function(index) {
  188.                     var _tpShortColIdx = index;
  189.                     if (_tpShortColIdx < _showCols && op != "add") {
  190.                         _tpLeftPos = _boxWidth * _tpShortColIdx + _containerPadding + "px";
  191.                         $(this).css({ "top": "0", "left": _tpLeftPos, "width": param.columnWidth + "px", "margin": "0" });
  192.                     }
  193.                     else {
  194.                         _tpShortColIdx = findShortIndex(_colsTopArr);
  195.                         _tpLeftPos = _boxWidth * _tpShortColIdx + _containerPadding + "px";
  196.                         _tpTopPos = _colsTopArr[_tpShortColIdx] + "px";
  197.                         $(this).css({ "top": _tpTopPos, "left": _tpLeftPos, "width": param.columnWidth + "px", "margin": "0" });
  198.                     }
  199.                     if (op == "add" || op == "init") {
  200.                         $(this).appendTo(wrap);
  201.                     }
  202.                     _colsTopArr[_tpShortColIdx] = _colsTopArr[_tpShortColIdx] + $(this).height() + param.marginHeight; //parseInt($(this).css("marginTop")) * 2 + parseInt($(this).css("paddingTop")) + parseInt($(this).css("paddingBottom"));

  204.                     //全部加入后增加外框
  205.                     if (index == _tpLen - 1) {
  206.                         $(wrap).height(_max(_colsTopArr) + "px");
  207.                         if (_isminCols) {
  208.                             //设置以后回不去
  209.                             //$(wrap).width((_boxWidth * _showCols + _containerPadding + param.marginWidth) + "px");
  210.                         }
  211.                         if (op == "add") {
  212.                             if ($.browser.msie) {
  213.                                 $(".hide").animate({ opacity: 'show' }, 2000);
  214.                             }
  215.                             else {
  216.                                 $(".hide").animate({ opacity: 'show' }, 1000);
  217.                             }
  218.                         }
  219.                         else {
  220.                             $(".hide").animate({ opacity: 'show' }, 0);
  221.                         }
  222.                         if (param.loadSelector != '') {
  223.                             $(param.loadSelector).hide();
  224.                         }
  225.                         _SolStatus = 0;
  226.                         if (op == "add" || op == "init") {
  227.                             //每增加一次，页面加1
  228.                             param.pageNumber++;
  229.                         }
  230.                     }

  232.                 });
  233.             }
  234.             if (param.callback) {
  235.                 param.callback();
  236.             }
  237.         };

  239.         if (_boxCount > 0) {
  240.             setPosition(selector, param.itemSelector);
  241.         }
  242.         //初始化完成
  243.         _init = 1;

  245.         //添加元素进去(JSON)
  246.         function appendBox(data, op) {
  247.             var newBox = [], len = Number(data.length), idx = 0;
  248.             _boxCount += len;
  249.             $.each(data, function(i) {
  250.                 //通过imgReady获取图片高度
  251.                 imgReady(data[i].img, function() {
  252.                     //data[i].height = parseInt(this.height);   //?不知道高度值是否可靠
  253.                     //这里模版化BOX edit by winds 2012.4.26
  254.                     var temp = "";
  255.                     var matchs = param.boxTemplate.match(/\%[a-zA-Z0-9]+\%/gi);
  256.                     for (var j = 0, mlen = matchs.length; j < mlen; j++) {
  257.                         if (temp == "")
  258.                             temp = param.boxTemplate;
  259.                         var re_match = matchs[j].replace(/[\%\%]/gi, "");
  260.                         temp = temp.replace(matchs[j], data[i][re_match]).replace(/[\r\t\n]/g, "");
  261.                     }
  262.                     newBox.push(temp);
  263.                     //newBox.push('<div class="box hide"><a class="img" href="#"><img src="' + data[i].img + '" style="height:' + data[i].height + 'px;" alt="" /></a><span class="title">' + data[i].title + '</span></div>');
  264.                     idx++;
  265.                     if (idx == len) {
  266.                         setPosition(selector, newBox.join(''), op);
  267.                     }
  268.                 });
  269.             });
  270.         };

  272.         //需要初始每一次添加元素
  273.         if (param.init && param.ajaxServer != '' && param.boxParam != '' && parseInt(param.initBoxNumber) > 0) {
  274.             var postPara = {};
  275.             //初始化时参数为1
  276.             param.pageNumber = 1;
  277.             postPara[param.boxParam] = parseInt(param.initBoxNumber);
  278.             postPara[param.pageParam] = parseInt(param.pageNumber);
  279.             if (param.loadSelector != '') {
  280.                 $(param.loadSelector).show();
  281.             }
  282.             $.getJSON(param.ajaxServer, postPara, function(data) {
  283.                 if (data.length == 0) {
  284.                     //无数据返回时则显示无数据提示
  285.                     if (param.noSelector != '') {
  286.                         if (param.noSelector) {
  287.                             $(param.noSelector).fadeIn(1000).delay(2000).fadeOut(1000);
  288.                         }
  289.                     }
  290.                     if (param.loadSelector != '') {
  291.                         $(param.loadSelector).hide();
  292.                     }
  293.                     _isnoShow = true;
  294.                     _SolStatus = 0;
  295.                 }
  296.                 else {
  297.                     appendBox(data, 'init');
  298.                 }
  299.             });
  300.         }

  302.         //支持滚动加载
  303.         var _SolStatus = 0;
  304.         if (param.scroll && param.ajaxServer != '' && param.boxParam != '' && parseInt(param.scrollBoxNumber) > 0) {
  305.             $(window).scroll(function() {
  306.                 var scrollh = document.body.scrollHeight;
  307.                 var clienth = document.documentElement.clientHeight;
  308.                 var scrollt = document.documentElement.scrollTop + document.body.scrollTop;
  309.                 if (scrollt + clienth +100>= scrollh && _SolStatus == 0 && _init == 1 && !_isnoShow) {
  310.                     if ((param.maxPage == 0 || param.pageNumber <= param.maxPage)) {
  311.                         _SolStatus = 1;
  312.                         if (param.loadSelector != '') {
  313.                             $(param.loadSelector).show();
  314.                         }
  315.                         var postPara = {};
  316.                         postPara[param.boxParam] = parseInt(param.scrollBoxNumber);
  317.                         postPara[param.pageParam] = parseInt(param.pageNumber);
  318.                         setTimeout(function() {
  319.                             $.getJSON(param.ajaxServer, postPara, function(data) {
  320.                                 if (data.length == 0) {
  321.                                     //无数据返回时则显示无数据提示
  322.                                     if (param.noSelector != '') {
  323.                                         if (param.noSelector) {
  324.                                             $(param.noSelector).fadeIn(1000).delay(2500).fadeOut(1000);
  325.                                         }
  326.                                     }
  327.                                     if (param.loadSelector != '') {
  328.                                         $(param.loadSelector).hide();
  329.                                     }
  330.                                     _isnoShow = true;
  331.                                     _SolStatus = 0;
  332.                                 }
  333.                                 else {
  334.                                     appendBox(data, 'add');
  335.                                 }
  336.                             });
  337.                         }, 100);
  338.                     }
  339.                 }
  340.             });
  341.         }
  342.                

  344.         //支持RESIZE
  345.         var _ReStatus;
  346.         $(window).wresize(function() {
  347.             if (_ReStatus) {
  348.                 clearTimeout(_ReStatus);
  349.             }
  350.             _ReStatus = setTimeout(function() { setPosition(selector, param.itemSelector, "resize"); }, 200);
  351.         });
  352.     };

  354.     /**
  355.     * 图片头数据加载就绪事件 - 更快获取图片尺寸
  356.     * @version        2011.05.27
  357.     * @author        TangBin
  358.     * @see                http://www.planeart.cn/?p=1121
  359.     * @param        {String}        图片路径
  360.     * @param        {Function}        尺寸就绪
  361.     * @param        {Function}        加载完毕 (可选)
  362.     * @param        {Function}        加载错误 (可选)
  363.     * @example imgReady('http://www.google.com.hk/intl/zh-CN/images/logo_cn.png', function () {
  364.     alert('size ready: width=' + this.width + '; height=' + this.height);
  365.     });
  366.     */
  367.     var imgReady = (function() {
  368.         var list = [], intervalId = null,

  370.         // 用来执行队列
  371.             tick = function() {
  372.                 var i = 0;
  373.                 for (; i < list.length; i++) {
  374.                     list[i].end ? list.splice(i--, 1) : list[i]();
  375.                 };
  376.                 !list.length && stop();
  377.             },

  379.         // 停止所有定时器队列
  380.             stop = function() {
  381.                 clearInterval(intervalId);
  382.                 intervalId = null;
  383.             };

  385.         return function(url, ready, load, error) {
  386.             var onready, width, height, newWidth, newHeight,
  387.                         img = new Image();

  389.             img.src = url;

  391.             // 如果图片被缓存，则直接返回缓存数据
  392.             if (img.complete) {
  393.                 ready.call(img);
  394.                 load && load.call(img);
  395.                 return;
  396.             };

  398.             width = img.width;
  399.             height = img.height;

  401.             // 加载错误后的事件
  402.             img.onerror = function() {
  403.                 error && error.call(img);
  404.                 onready.end = true;
  405.                 img = img.onload = img.onerror = null;
  406.             };

  408.             // 图片尺寸就绪
  409.             onready = function() {
  410.                 newWidth = img.width;
  411.                 newHeight = img.height;
  412.                 if (newWidth !== width || newHeight !== height ||
  413.                 // 如果图片已经在其他地方加载可使用面积检测
  414.                                 newWidth * newHeight > 1024
  415.                         ) {
  416.                     ready.call(img);
  417.                     onready.end = true;
  418.                 };
  419.             };
  420.             onready();

  422.             // 完全加载完毕的事件
  423.             img.onload = function() {
  424.                 // onload在定时器时间差范围内可能比onready快
  425.                 // 这里进行检查并保证onready优先执行
  426.                 !onready.end && onready();

  428.                 load && load.call(img);

  430.                 // IE gif动画会循环执行onload，置空onload即可
  431.                 img = img.onload = img.onerror = null;
  432.             };

  434.             // 加入队列中定期执行
  435.             if (!onready.end) {
  436.                 list.push(onready);
  437.                 // 无论何时只允许出现一个定时器，减少浏览器性能损耗
  438.                 if (intervalId === null) intervalId = setInterval(tick, 40);
  439.             };
  440.         };
  441.     })();


  444.     //判断图片先加载完（网上找来的,masonry使用的这个）
  445.     $.fn.imagesLoaded = function(callback) {
  446.         var $this = this,
  447.             $images = $this.find('img').add($this.filter('img')),
  448.             len = $images.length,
  449.             blank = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==',
  450.             loaded = [];

  452.         function triggerCallback() {
  453.             callback.call($this, $images);
  454.         }

  456.         function imgLoaded(event) {
  457.             var img = event.target;
  458.             if (img.src !== blank && $.inArray(img, loaded) === -1) {
  459.                 loaded.push(img);
  460.                 if (--len <= 0) {
  461.                     setTimeout(triggerCallback);
  462.                     $images.unbind('.imagesLoaded', imgLoaded);
  463.                 }
  464.             }
  465.         }

  467.         // if no images, trigger immediately
  468.         if (!len) {
  469.             triggerCallback();
  470.         }

  472.         $images.bind('load.imagesLoaded error.imagesLoaded', imgLoaded).each(function() {
  473.             // cached images don't fire load sometimes, so we reset src.
  474.             var src = this.src;
  475.             // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  476.             // data uri bypasses webkit log warning (thx doug jones)
  477.             this.src = blank;
  478.             this.src = src;
  479.         });

  481.         return $this;
  482.     };

  484.     //修复IE的resize问题（网上找来的）
  485.     $.fn.wresize = function(f) {
  486.         version = '1.1';
  487.         wresize = { fired: false, width: 0 };

  489.         function resizeOnce() {
  490.             if ($.browser.msie) {
  491.                 if (!wresize.fired) {
  492.                     wresize.fired = true;
  493.                 }
  494.                 else {
  495.                     var version = parseInt($.browser.version, 10);
  496.                     wresize.fired = false;
  497.                     if (version < 7) {
  498.                         return false;
  499.                     }
  500.                     else if (version == 7) {
  501.                         //a vertical resize is fired once, an horizontal resize twice
  502.                         var width = $(window).width();
  503.                         if (width != wresize.width) {
  504.                             wresize.width = width;
  505.                             return false;
  506.                         }
  507.                     }
  508.                 }
  509.             }

  511.             return true;
  512.         }

  514.         function handleWResize(e) {
  515.             if (resizeOnce()) {
  516.                 return f.apply(this, [e]);
  517.             }
  518.         }

  520.         this.each(function() {
  521.             if (this == window) {
  522.                 $(this).resize(handleWResize);
  523.             }
  524.             else {
  525.                 $(this).resize(f);
  526.             }
  527.         });

  529.         return this;
  530.     };
  531. })(jQuery);
复制代码
discuz，门户，频道，瀑布流

举报

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

  • Discuz教程
  • CSS+DIV素材

所属版块

返回版块

您需要登录后才可以回帖 立即登录
登录
0
0
0

©2015-2022 www.tuyuanma.com 版权所有

本站内容皆来自网络分享，如有侵权请联系我们处理。

赣公网安备36112102000036号 赣ICP备17001544号-10

联系邮箱：tuyuanma@qq.com 联系QQ：3197813386

返回顶部