丸みを帯びた境界線を持つ div から円を作成しました。jquery ui を使用して、この div をドラッグ可能にしました。divを左にドラッグするほど不透明度が低くなるようにする方法を知りたいです。すでにコーディングしたもののスニペットを次に示します。
<script type="text/javascript" language="javascript">
$(function() {
$( "#circle" ).draggable();
});
var circ = document.getElementById('circle');
var num = circ.style.left/1000;
</script>
</head>
<body>
<div id="circle"></div>
<script type="text/javascript">circ.style.opacity = num;</script>
</body>
</html>
circ.style.opacity = num; を置くことでこれを機能させることができることを私は知っています。関数に変換してその関数を呼び出しますが、自動的に変更する方法があるかどうか疑問に思っていましたか? ご協力いただきありがとうございます。