小编Mi-*_*ity的帖子

带有CSS的Svg动画 - 后备IE

CSS/SVG动画的后备IE非支持问题的最佳选择是什么?

css svg css-animations

7
推荐指数
1
解决办法
6374
查看次数

如何禁用兄弟元素之间的边距折叠

可能这是非常愚蠢和众所周知的技巧,但我还没有找到任何修复.我试过" overflow"," content: ' '; display: table;" padding1px border.没有成功.所以我为这个问题做了一个小例子.

有2个块元素:带有底部边距的页眉和带有上边距的页脚.任务是将边距加在一起:50 + 49 = 99像素!

.main-header {
  margin-bottom: 50px;
}
.main-footer {
  margin-top: 49px;
}
Run Code Online (Sandbox Code Playgroud)
<h1>if distance btw H.&amp;F. is 99 px then margins don't collapse! Unfortunatelly, is is</h1>

<header class="main-header">
  HEADER Lorem ipsum dolor.
</header>

<footer class="main-footer">
  FOOTER <span>&copy;2015 Lorem ipsum dolor.</span>
</footer>
Run Code Online (Sandbox Code Playgroud)

css margin

7
推荐指数
1
解决办法
2259
查看次数

Java继承和后期绑定,为什么int id具有父类值而不是子类1?

确定输出:

public class Test1{
    public static void main(String args[]){
        ChildClass c = new ChildClass();
        c.print();
    }
}

class ParentClass{
    int id = 1;
    void print(){
       System.out.println(id);
    }
}

class ChildClass extends ParentClass{
    int id = 2;
}
Run Code Online (Sandbox Code Playgroud)

我知道答案是1,我猜这是因为因为打印函数没有被覆盖ChildClass,所以它具有与它相同的定义ParentClass.为什么ID不是子类中给出的ID,因为Java使用后期绑定?

java inheritance

7
推荐指数
2
解决办法
182
查看次数

html onclick上有多个函数调用

是否有可能使用onclickHTML属性来调用多个jQuery函数

onclick="$('#editParentDetailsViews').removeClass('tab selected');$('#editStudentDetailsPopupPnl').hide(); return false;"
Run Code Online (Sandbox Code Playgroud)

这里,第一个功能正常工作,第二个功能不起作用.

html javascript jquery onclick

6
推荐指数
1
解决办法
1953
查看次数

如何在7-zip存档中获取打包文件的大小

我正在使用SevenZipSharp它在ArchiveFileInfostruct中有Size属性," 获取或设置文件的大小(解压缩) ".

如何在存档中获取打包文件的大小?

c# 7zip

6
推荐指数
1
解决办法
565
查看次数

如何将计数器值显示到输出中以开始倒计时

我正在建立一个柜台,并有一些问题.我有一个计数器字段,其中增量和减量发生(默认情况下,它是5分钟).按下"开始"按钮时,最终计数器的数字应设置为输出字段中的计时器.这是我的解决方案:

;(function(){
  var output = document.querySelector('#output'),
    btn = document.querySelector('button'),
    min = 5,
    sec = min * 60,
    timer;

setCount(min);

  function setCount(n){
    var c = document.querySelector('#counter'),
        increment = c.children[1].children[0],
        decrement = c.children[1].children[2],
        num  = c.children[1].children[1];      

    increment.onclick = function(){
      if(n >= 1) {num.textContent = ++n;}
    };  

    decrement.onclick = function(){
      if(n > 1) {num.textContent = --n;}
    };  
    num.textContent = n;
   }

  function setTimer(){

    var currentMin = Math.round((sec - 30) / 60),
        currentSec = sec % 60;

    if(currentMin >= 0 ) {currentMin = '0' …
Run Code Online (Sandbox Code Playgroud)

javascript

6
推荐指数
1
解决办法
98
查看次数

如何在导航栏上垂直对齐图标?

我试图垂直对齐导航栏上的图标,然后尝试使用这种方法:

.element {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}
Run Code Online (Sandbox Code Playgroud)

这是我的代码:

的HTML

<div class="navbar">
  <nav>
    <ul>
      <% if logged_in? %>
        <li><%= link_to "IOAKA", dashboard_path %></li>
        <li><%= link_to(image_tag("icon_ioaka.png", alt: "geometry IOAKA icon", 
        :class => "icon", :id => "ioaka_icon2"), dashboard_path) %></li>
        <li><%= link_to(image_tag("icon_settings.png", alt: "geometry settings icon", 
        :class => "icon", :id => "settings_icon"), edit_user_path(current_user)) %></li>
        <li><%= link_to(image_tag("icon_logout.png", alt: "geometry logout icon", 
        :class => "icon", :id => "logout_icon"), logout_path, method: "delete") %></li>
      <% else %>
        <li><%= link_to "IOAKA", root_path %></li>
        <li><%= link_to(image_tag("icon_login.png", alt: …
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
4274
查看次数

如何使用CSS将此侧边栏应用于所有页面?

我有4个不同的html网页.下面的html代码适用于我想要应用于所有四个页面的菜单栏.有没有办法可以使用CSS而不是在我的所有4个html网页上复制/粘贴这个菜单栏HTML代码?基本上这四页是Home,News,Contact,About.只要有人点击菜单栏项目,它就会将它们重定向到4个页面中的一个.在所有这四个页面中,我希望显示菜单栏.我想创建一个CSS文件,我可以将所有4个页面链接到,然后将显示菜单栏(下面的代码).提前致谢!

有什么办法可以创建一个至少可以处理样式的CSS文件吗?我会手动将菜单栏按钮添加到每个html页面?

<!DOCTYPE html>
<html>
<head>
<style>
body {
    margin: 0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}

li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

li a.active {
    background-color: #4CAF50;
    color: white;
}

li a:hover:not(.active) {
    background-color: #555;
    color: white;
}
</style>
</head>
<body>

<ul>
  <li><a class="active" href="page1.html">Home</a></li>
  <li><a href="page2.html">News</a></li>
  <li><a href="page3.html">Contact</a></li>
  <li><a href="page4.html">About</a></li>
</ul>

<div style="margin-left:25%;padding:1px 16px;height:1000px;">

</div> …
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
2436
查看次数

如何检查是否从jQuery文本框中的单词中删除了句号(.)?

我想知道如果.从文本框中删除句点符号,是否可以点击事件.例如,我有一个文本框#Quantity,它将数值作为输入与周期符号

在此输入图像描述

我有一个下拉控件#unitValue有三个选项

我已经成功点击期间.按键按下事件,如下所示

$("#Quantity").keypress(function(e) {
    if(e.which == 46) {
        //successfully disabled Gram in Unit
    }
}); 
Run Code Online (Sandbox Code Playgroud)

现在我想在下拉列表中启用"Gram"选项,如果.从文本框中删除了句点符号.我有一个想法,但如果这样做是不对的.想法是: - 在任何键按下时将每个字母添加到一个数组,然后按退格键,我检查数组索引上的字母是否是周期符号.,如果是 .符号则启用"Gram"

任何帮助将不胜感激

谢谢

javascript jquery

6
推荐指数
1
解决办法
162
查看次数

如何使用Snap Svg触发?

似乎触发事件不适用于snap.svg

基本上我想要的是触发一个click事件,但似乎没有使用snap.svg或我做错了什么.

我无法解决它.

那怎么办呢?

的jsfiddle

var s=Snap("#svg");
var rect=s.rect(0, 0, 100,600)
rect.attr({ 
fill:"#212121"
});

var animating = true;

function aniOn() {
  if (animating) {
    rect.animate({
      width: 400
    }, 1000, mina.elastic);
  };
}

function aniOff() {
  if (animating) {
    rect.animate({
      width: 100
    }, 1000, mina.elastic);
  };
}
rect.click(function() {
  animating = true;
  aniOn()
});

rect.mouseout(function() {
  animating = true;
  aniOff()
});
$("#button").click(function() {
  rect.trigger('click');
});
Run Code Online (Sandbox Code Playgroud)
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: …
Run Code Online (Sandbox Code Playgroud)

jquery svg

6
推荐指数
1
解决办法
658
查看次数

标签 统计

css ×4

html ×3

javascript ×3

jquery ×3

svg ×2

7zip ×1

c# ×1

css-animations ×1

inheritance ×1

java ×1

margin ×1

onclick ×1