<!DOCTYPE html><html>?? ?<head>?? ??? ?<meta charset="UTF-8">?? ??? ?<title>測試</title>?? ??? ?<style type="text/css">?? ??? ??? ?div {?? ??? ??? ??? ?width: 200px;?? ??? ??? ??? ?height: 80px;?? ??? ??? ??? ?background-color: red;?? ??? ??? ??? ?margin: 10px 0px;?? ??? ??? ??? ?opacity: 0.5;?? ??? ??? ?}?? ??? ?</style>?? ?</head>?? ?<body>?? ??? ?<div id="div1">這是div</div>?? ??? ?<script type="text/javascript">?? ??? ??? ?var div = document.querySelector('#div1')?? ??? ??? ?div.onmousemove = function() {?? ??? ??? ??? ?startMove(this, 1)?? ??? ??? ?}?? ??? ??? ?function startMove(obj, iTarget) {?? ??? ??? ??? ?//?? ??? ? ?? ??? ?console.log('start')?? ??? ??? ??? ?clearInterval(obj.timer)?? ??? ??? ??? ?console.log(obj.style.opacity)?? ??? ??? ??? ?obj.timer = setInterval( function() {?? ??? ??? ??? ??? ?var currentVal = getComputedStyle(obj).opacity?? ??? ??? ??? ??? ??? ?//console.log(currentVal)?? ??? ??? ??? ??? ?var speed = (iTarget - currentVal) / 10?? ??? ??? ??? ??? ??? ?//console.log('!!!!!!!!!!!!!!!!!!!'+obj.style.opacity)?? ??? ??? ??? ??? ?if(iTarget != currentVal) {?? ??? ??? ??? ??? ??? ?obj.style.opacity = currentVal + speed?? ??? ??? ??? ??? ??? ??? ?//console.log('這里'+speed)?? ??? ??? ??? ??? ??? ??? ?//console.log(obj.style['opacity'] )?? ??? ??? ??? ??? ?} else {?? ??? ??? ??? ??? ??? ?clearInterval(obj.timer)?? ??? ??? ??? ??? ?}?? ??? ??? ??? ?}, 50)?? ??? ??? ?}?? ??? ??? ?console.dir(div.style)?? ??? ?</script>?? ?</body></html>我想實現,div的onmouseover來改變div的透明度;不知道哪里出錯了;求指教
js代碼問題(實現onmouseover改變透明度)
Codeplayer
2016-09-10 17:14:27
