码迷,mamicode.com
首页 > 其他好文 > 详细

根据后端字段变量,动态驻点

时间:2016-08-21 13:50:59      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

根据后端动态字段,如何把驻点输出在页面上?

1、可以提前写好css,设置li的宽度,在页面里面通过模板引擎语法动态加载不同className。

2、可以根据驻点个数和位置,用jquery去动态计算动态赋值。

var paths = $(‘.detail-path‘);
$.each(paths, function(){
    var points = $(this).children(),
        pointsLen = points.length;
    $.each(points, function(){
        var $this = $(this),
            middleNum = 100 / (pointsLen + 1),
            halfSelfWidth = $this.width() / 2,
            leftPercent = $this.attr(‘data-left‘) * middleNum;
        $this.css({‘left‘: leftPercent + ‘%‘, ‘margin-left‘: -halfSelfWidth + ‘px‘}).show();
    });
});

 

根据后端字段变量,动态驻点

标签:

原文地址:http://www.cnblogs.com/camille666/p/css_jquery_zhudian.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!