小编Tur*_*nip的帖子

有没有人知道在<textarea>不使用背景图像的情况下在a中创建水平规则的方法？

CSS3没问题.如有必要,我可以为IE提供图像后备.

例:

我有一些存储在数据库中的十进制数,需要使用PHP计算两个数字之间的百分比增加(或减少).

两个数字的一​​个例子是:111.0516和111.9052,将增加0.7628%

我在某个地方找到了以下代码.不幸的是它似乎不适用于十进制数并将它们四舍五入:

$num_amount = 111.0516;
$num_total = 111.9052;

function percent($num_amount, $num_total) {
$count1 = $num_amount / $num_total;
$count2 = $count1 * 100;
$count = number_format($count2, 0);
echo $count;
}

percent($num_amount, $num_total);

理想情况下,我需要计算两位小数的百分比,给出0.77%的答案.

这可能用PHP吗？我很难过.我的PHP或数学技能都不足以解决问题.

我在这里有一个令人费解的事业.

我正在构建一个用作"火炬/探照灯"的鼠标.如果发生悬停,所有文本(内联元素,按钮,你得到的点)都会从通常的白色反转为黑色,正常的背景是黄色的氛围.

我目前有以下设置:

const _$shadow = $('.b-cursor__shadow');
const _$front = $('.b-cursor__front');
const _$back = $('.b-cursor__back');

$(document).on('mousemove', (e) => {
  _$back.css({
    left: e.pageX,
    top: e.pageY
  });
  _$front.css({
    left: e.pageX,
    top: e.pageY
  });
  _$shadow.css({
    left: e.pageX,
    top: e.pageY
  });
});

html,
body {
  padding: 0;
  margin: 0;
  cursor: none;
  background: red;
}

.test {
  background: darkblue;
}

p {
  color: white;
  font-family: sans-serif;
  font-size: 20px;
  max-width: 30rem;
  padding: 1rem;
  margin: 1rem;
  border: 1px solid white;
}

p,
span,
a {
  position: relative; …

我似乎无法找到我在这里尝试做的一个例子,但我确信这是可能的.

考虑以下:

<div id="main_nav">
    <a href="/url/">LINK</a>
    <a href="/url/">LINK</a>
    <a href="/url/">LINK</a>
    <a href="/url/">LINK</a>
</div>

如何link在#main_nav单击内部之前运行函数,然后再执行link？

以下不起作用,因为在运行函数之前遵循链接.

$('#main_nav a').click(function() {
    // Some Function
});

编辑

我实际上是在点击链接时尝试使用JQuery cookie插件清除cookie.我不确定这是否相关.

清除cookie代码是:

$.cookie('TMMenu', null);

TMMenu是正确的名称,并加载插件.

编辑

对不起大家.问题实际上是JQuery Cookie插件文档.

$.cookie('TMMenu', null); 

如自述文件中所述似乎不起作用.这样做:

$.cookie('TMMenu', null, { path: '/', expires: -5 });

有没有人知道如何使用scrollspy而不使用bootstrap？我正在尝试使用此存储库在我的一个项目中使用它:

https://github.com/sxalexander/jquery-scrollspy

但它只是不做引导程序所做的事情.在李标签未标记为活动:(任何帮助将不胜感激.

我试过这样做:

    $('#intel_nav').scrollspy({
        //n: $('#nav').offset().top,
        onEnter: function (element, position) {
            console.log(element);

            $("#intel_nav").addClass('moo');
        },
        onLeave: function (element, position) {
            $("#intel_nav").removeClass('out');
        }
    });

该元素似乎是实际的菜单,所以我不知道如何实际获取我当前悬停的元素的id.

我有以下图片:

静态图像 | 开始动画 | 结束动画

我正在使用以下代码(jsfiddle示例):

$(function() {
    $("#link-gif").hover(
        function() {
            /* starting animation */
            $(this).css("background-image", "url('http://i.imgur.com/HhsBws5.gif')");
        },
        function() {
            /* ending animation */
            $(this).css("background-image", "url('http://i.imgur.com/WLFzz3S.gif')");
        }                         
    );                  
});

#link-gif {
   width:150px;
   height:40px;
   border:1px solid #39464E;
   background-image:url('http://i.imgur.com/YgLJoVH.png'); /*static*/
   background-size:contain;
   background-repeat:no-repeat;
   background-position:bottom center;
   cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="link">
  <div id="link-gif">&nbsp;</div>
</div>

总而言之,我想要发生的是:我首先加载静态图像.当有人悬停在上面时#link-gif,开始动画gif开始,当你将其悬停时,结束动画开始.

出于某种原因,当您将鼠标悬停在图像上时,图像不会生成动画.它只是到了gif的结尾.有谁知道为什么会发生这种情况？

我有一个 SVG 精灵，如下所示。

使用标签技术时，似乎无法从 CSS 访问 SVG 的各个部分<use>。

我知道通过使用fill: currentColor（参见.path1符号#icon-two-parts），可以通过使用 和color值将两种不同的颜色应用于 CSS 中同一 SVG 的不同部分fill。

以这种方式使用 SVG 时，是否有任何方法可以将两种以上的颜色应用于同一元素？

例如，是否可以将四种颜色应用于#icon-four-part符号内的四个路径？

div {
    display: inline-block;
}

.icon {
  display: inline-block;
  width: 80px;
  height: 40px;
  fill: currentColor;
}

.icon-one-part {
    color: green;
}

.icon-two-part {
    color: green;
    fill: red;
}

<svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
    <symbol id="icon-one-part" viewBox="0 0 670 1024">
        <title>icon-one-part</title>
        <path class="path1" …

加载我的表看起来像

 <table id="mytable">
    <tr><td>&nbsp;</td></tr> //odd color
    <tr><td>&nbsp;</td></tr> //even color
    <tr><td>&nbsp;</td></tr> //odd color
    <tr><td>&nbsp;</td></tr> //even color
 </table>

它会变成一些动作

<table id="mytable">
    <tr><td>&nbsp;</td></tr> //odd color
    <tr style="display: none;"><td>&nbsp;</td></tr> //even color
    <tr><td>&nbsp;</td></tr> //odd color
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>`
 </table>

如果第二行不可见,第三行应显示均匀的颜色

我有一个普通的容器,在这个容器里面我想添加一个全宽容器流体,这样容器就是我的屏幕上的Full View Point.我尝试了这个,但它没有全宽.

<div class="container">

<div class="container-fluid">

</div>

</div>

据我所知,容器流体是整个容器的宽度而不是屏幕.有什么办法可以覆盖吗？

我有这样bootstrap html一个navbar

<!--Navbar-->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

        <!-- Navbar brand --> 

        <img class="logo" alt="Brand" src="images/1.png">
        <a class="navbar-brand" href="Homepage.jsp">Car Surgeons Vehicle Service Centre</a>
        <!-- Collapse button -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav"
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Collapsible content -->
        <div class="collapse navbar-collapse" id="basicExampleNav">

            <!-- Links -->
            <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="Homepage.jsp">Home
                        <span class="sr-only">(current)</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="AboutUs.jsp">About Us</a>
                </li>
                <li class="nav-item dropdown">
                    <a class=" nav-link dropdown-toggle" …