小编Ano*_*ous的帖子

jQuery效果.fadeTo()与切换?

我想知道.fadeTo()当有人再次单击Click Me!按钮时切换效果的最简单方法,然后它将再次反转该过程.我的意思就像.fadeToggle()作品或类似的东西.但是使用.fadeToggle()导致div消失.

这是我的 - JSFiddle

HTML

<button>Click Me!</button>
<div></div>
Run Code Online (Sandbox Code Playgroud)

CSS

div {
    background-color: #ff0000;
    width: 200px;
    height: 200px;
    margin: 20px
}
Run Code Online (Sandbox Code Playgroud)

jQuery的

$(document).ready(function(){
  $("button").click(function(){
  $("div").fadeTo(400,0.4);
  });
});
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

3
推荐指数
1
解决办法
3272
查看次数

jQuery .toggleId()添加删除div id?

我尝试了一些解决方案,但似乎没有任何效果.我想将div id更改为另一个(例如:#red到#blue,然后再回到#red)就像.toggleClass().我试图切换属性,但它没有用.

我已经习惯classes!important标签元素.所以唯一剩下的就是使用id.

的jsfiddle

HTML

<div id="red"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

#red{
    width:100px;
    height:100px;
    background:red;
}
#blue{
    width:100px;
    height:100px;
    background:blue;
}
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$("#red").click(function () {
    $(this).attr("id", "#blue");
});
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

3
推荐指数
1
解决办法
8281
查看次数

将css仅应用于div的第一个未知元素

我想将margin top:15px应用于此div的第一个元素

我从数据库中提取ckeditor数据,这就是为什么第一个元素是不可预测的

这是我的div结构,

<div class="ckeditordata">

//1st element is unknown
//can be <p>, <ul>, <ol>
</div>
Run Code Online (Sandbox Code Playgroud)

css css-selectors

3
推荐指数
1
解决办法
1054
查看次数

如何根据具有SelectAll的D3.js中的属性(填充颜色)选择元素

我在地图上有一组圆圈,如10个红色圆圈,10个蓝色圆圈,10个绿色圆圈.如何使用d3 selectAll仅选择红色圆圈或选择?

或者还有其他方法吗?

颜色已经这样给出(作为"样式"属性中"填充"的值,

feature = g.selectAll("circle")
    .data(data)
    .enter().append("circle")
    .attr("id", function (d) {
    return d.ArtistID + d.FollowerID;
})
    .style("stroke", "black")
    .style("opacity", .6)
    .style("fill", function (d) {
    if (d.ArtistID == 1) {
        return "red"
    } else if (d.ArtistID == 2) {
        return "blue"
    } else {
        return "green"
    };
})
    .attr("r", 10);
Run Code Online (Sandbox Code Playgroud)

所以,圆圈会像这样绘制,

<circle id="10" r="10" transform="translate(695,236)" style="stroke: rgb(0, 0, 0); opacity: 0.6; fill: rgb(255, 255, 0);"></circle>
Run Code Online (Sandbox Code Playgroud)

我想选择红色的圆圈.Cam有人帮忙吗?

提前致谢.

javascript css d3.js

2
推荐指数
1
解决办法
2882
查看次数

锋利的一角

试图在菜单边做一个尖角,我使用了border-radius

.right-section-top-bar.row {
    background-color: #44d2ff;
    border-radius: 0 0 0 100px;
}
Run Code Online (Sandbox Code Playgroud)

但它没有给出尖锐的角落.但我不想要那个激进的部分.我也尝试制作一个三角形,然后用它来定位它,但我认为它不是最好的解决方案可能是之前和之后的一些事情.

在此输入图像描述

html css css-shapes

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

标签 统计

css ×5

html ×3

javascript ×3

jquery ×2

css-selectors ×1

css-shapes ×1

css3 ×1

d3.js ×1