我想知道.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) 我尝试了一些解决方案,但似乎没有任何效果.我想将div id更改为另一个(例如:#red到#blue,然后再回到#red)就像.toggleClass().我试图切换属性,但它没有用.
我已经习惯classes与!important标签元素.所以唯一剩下的就是使用id.
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) 我想将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) 我在地图上有一组圆圈,如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有人帮忙吗?
提前致谢.
试图在菜单边做一个尖角,我使用了border-radius
.right-section-top-bar.row {
background-color: #44d2ff;
border-radius: 0 0 0 100px;
}
Run Code Online (Sandbox Code Playgroud)
但它没有给出尖锐的角落.但我不想要那个激进的部分.我也尝试制作一个三角形,然后用它来定位它,但我认为它不是最好的解决方案可能是之前和之后的一些事情.