使用變量通過jQuery color.js觸發顏色更改
[英]Using a variable to trigger a colour change using jQuery color.js
問題描述
我想更改元素的顏色（在此示例中，當變量trigger = 1時，稱為“塊”的100px x 100px正方形從透明更改為黑色。下面列出的代碼與按鈕一起使用。我有其他javascript（代碼將與觸發器一起使用。
任何幫助，將不勝感激。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/colourswap.css">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="_js/jquery.color.js"></script>
</head>
<body>
<div id="block">Hello!</div>
<!--button id="go">Simple</button-->
<script>
var trigger = 1;
(function(){
if (trigger == 1) {
jQuery("#block").animate({
backgroundColor: "#000"
}, 1500 );
};
});
</script>
</body>
</html>
1 個解決方案
解決方案1
0 2014-03-20 16:12:28
如果塊是透明的，實際上您可以只使用.show()或.toggle() ，例如
//say if you wanted the block to show when button is clicked
$("#go").click(function(){
$("#block").toggle();
});
然后默認將塊的顏色設置為黑色。
使用JQuery更改顏色
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.