小编Jac*_*ins的帖子
动画按钮单击和颜色
我在 Photoshop 中制作了这个按钮。我有很多图形 UI 经验，但除了 python 和 html/css 之外没有太多编码。
我想我会使用 javascript 来为被点击的按钮设置动画并改变颜色。我是一个初学者，不知道我的下一步。例如，如果我不应该在 photoshop 中创建按钮而是使用代码从头开始制作？
或者如果我制作一个单独的红色图像并且它在图像之间来回变化？但我不确定点击该过程时是否会顺利。这就是仪表板 gui Web 应用程序的全部内容。我只是想获得一个简单的按钮来仅使用代码来更改颜色，但我迷路了。我一直无法找到与我正在做的事情相关的任何事情，我认为这很疯狂，因为在 Photoshop 中创建和使用代码动画制作的 UI 是多么常见。
Javascript
var button = document.querySelector('.button');
button.onclick = function () {
if (backgroundColor == green) {
document.getElementById(id).style.backgroundColor = red";
}
CSS
.button {
&:hover {
background-color: green;
cursor: pointer;
cursor: hand;
}
width: 100px;
height: 50px;
background-color: green;
color: white;
text-align:center;
line-height:50px;
border-radius: 30px;
}
推荐指数
解决办法
查看次数
测试图形是Edgelist文件中的有向图还是无向图
我有一个文本文件，它是边缘列表文件。我知道如何读取文件（使用Canopy Enthought），但是我不知道如何获取有关所需图形的信息。
主要问题：是否可以使用networkx命令检测此图（从边缘列表文件创建）是有向的还是无向的？还是只是称重或称重？
推荐指数
解决办法
查看次数
Json对象在while循环中断页面时进行字符串检查
我有一个网页,从网址获取一个json对象,然后它将json对象转换为一个字符串.如果字符串为真,我希望div淡出,如果它是假的,我希望它保持不变.
来自url的json对象是:{"description":"Input 1","type":"no","enabled":true,"alarm":false}
启用警报时,alarm = true.但我需要不断检查警报是真还是假,所以我需要一个while循环或其他方法来不断检查url的json对象.
出于某种原因,我在下面的代码中使用的方法使页面中断.
当我取出while循环时,它完美地工作,但我必须刷新浏览器以重新检查警报对象.
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
var data;
var r = true;
do {
$.ajax({
dataType: "json",
url: 'http://192.168.1.6/inputs/alarm.cgi',
data: data,
success: function (response) {
// begin accessing JSON data here
console.log(response.alarm);
var j = (JSON.stringify(response.alarm));
console.log(j);
if (j == 'true') {
$('div').fadeOut('slow');
}
}
});
} while (r == true);
});
</script>
</head>
<body>
<div></div>
</body>
</html>
CSS代码
div {
height: 100px;
width: …推荐指数
解决办法
查看次数
标签 统计
javascript ×2
canopy ×1
css ×1
html ×1
jquery ×1
json ×1
networkx ×1
photoshop ×1
python ×1
while-loop ×1