小编Sha*_*l M的帖子

我需要帮助来实现类似于linkedIn的配置文件强度的东西.

这是在linkedIn中它如何工作的图像

这是我的代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="position:relative;">
  <div class="fill"></div>
  <img class="mask" src="https://static.licdn.com/scds/common/u/img/pic/pic_profile_strength_mask_90x90_v2.png"></img>
</div>

.fill {
    position: absolute;
    top: 90px;
    left: 0;
    height: 0px;
    width: 90px;
    background-color: green;
    overflow:hidden;
}
.mask {
    display: block;
    height: 90px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
    overflow:hidden;
}

function fillMeter(percent) {
    var pixels = (percent/100) * 90;
    $(".fill").css('top', (90-pixels) + "px");
    $(".fill").css('height', pixels + "px");
}

fillMeter(82);

这是我的小提琴http://jsfiddle.net/5aufgL8o/6/

如何根据配置文件级别在右侧添加文本？

更新:我已经在github中创建了一个存储库,如果有人想让人们更好地使用它会更好.这里是回购链接https://github.com/shahilmhd/linkedinprofilestrength

在 TextMate 中，可以键入php<tab>进行插入<?php | ?>（此处使用 | 标记光标位置）。

我正在尝试在 VSC 中重新创建它，如下所示在 php.json 片段文件中：

"php tag": {
    "prefix": "php",
    "body": [
        "<?php $1 ?>"
    ],
    "description": "Insert <?php ?>"
}

问题是，除非我已经在 php 标签内，否则该代码片段不会显示，这违背了目的。

将代码片段添加到 HTML 文件中并没有帮助。

有什么办法可以让我按照我想要的方式进行这项工作吗？

我想创建一个自动播放的滑块.具体来说,这是一些具有过渡和文本效果的静态图像.我需要一些类似文本效果的文本动画,有没有人知道这个插件,以便我可以在学校网站上实现？

它的好处,如果它也适用于IE :)

我有一个菜单,我想在左边使用边框,但这里是我想要的想要的外观,我能够添加边框,但它将采取li元素的完整高度,我也不希望出现边框在子菜单上

例如:aunipark.in

这是我的代码:

HTML

<div class="menudiv">
<div class="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a>
                        <ul>
                        <li><a href="#">School</a></li>
                        <li><a href="#">Vision and Mission </a></li>
                        <li><a href="#">Principal’s desk</a>
                        <li><a href="#">Management</a>
                        </ul> </li>
                <li><a href="#">Admission</a>
                        <ul>
                        <li><a href="#">Overview</a></li>
                        <li><a href="#">Download application form</a></li>
                        </ul> </li>
                <li><a href="#">Gallery</a></li>
                <li><a href="#">School Calander</a></li>
                <li><a href="#">News & Events</a></li>
                <li><a href="#">Career</a></li>
                <li><a href="#">Contact</a></li>               
            </ul>
        </div>
</div>

CSS

.menudiv
{

    width:980px;
}


.menu {
font-family: 'Open Sans', sans-serif;
font-size:14px;



}

.menu ul ul {
        display: none;

    }

.menu ul li:hover > ul …

是否可以根据值更改按钮css.我想要保存不同的css和取消类型按钮的不同css.

例如:

<input type="button" value="Save">
<input type="button" value="Cancel">

save { /* Some CSS */ }
cancel{ /* Some CSS */ }

注意:我不能使用类,因为所有输入都有相同的类,因为有很多按钮.我也不想使用Jquery.