|
 |
| |
สอบถาม สคริปที่ทำงานเหมือนกับ anchor ค่ะ อยากให้มันเลื่อนจากเมนู มายังข้อความที่ดูลื่นไหลกว่า anchor ไม่ทราบว่าต้องเขียนโค๊ดอย่างไรค่ะ |
| |
 |
|
|
 |
 |
|
Code (JavaScript)
<script>
var new_x=0 ,new_y=0;
function move_to(x, y, tgx, tgy){
i(x<tgx || y<tgy){
$('#div').css({left: x, top: y});
new_x=parseInt( (tgx-x) /2 );
new_y=parseInt( (tgy-y) / 2)
setTimeout( 'move_to('+new_x+' , '+new_y+')', 100);
}
}
move_to( 1,1, 200,200);
</script>
<div id='div'>TEST</div>
|
 |
 |
 |
 |
| Date :
2014-09-28 10:35:08 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
คือ อยากได้แบบค่อยๆ เลื่อนมายังข้อความอะค่ะ ถ้าแบบนี้ กดปุ๊บมันมาที่ข้อความเลยอะค่ะ
ขอบคุณมากค่ะ
|
| |
|
|
| |
| Date :
2014-09-28 10:55:00 |
By :
kwangz2530 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
<script>
var new_x=0 ,new_y=0;
function move_to(x, y, tgx, tgy){
if(x<tgx || y<tgy){
$('#div').css({left: x, top: y});
new_x=x+parseInt( (tgx-x) /2 );
new_y=y+parseInt( (tgy-y) / 2)
setTimeout( 'move_to('+new_x+' , '+new_y+' , '+tgx+','+ tgy+' )', 100);
}
}
move_to( 1,1, 200,200);
</script>
<div id='div'>TEST</div>
setTimeout( 'move_to('+new_x+' , '+new_y+' , '+tgx+','+ tgy+' )', XXXX );
เปลี่ยน XXXX เป้นเวลาที่ต้องการ 1000 = 1วินาที
|
ประวัติการแก้ไข
2014-09-28 11:02:13
2014-09-28 11:03:50
| |
|
|
| |
| Date :
2014-09-28 11:00:48 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทดสอบแล้ว
Code (JavaScript)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script src="jquery-mobile/jquery-1.6.4.min.js"></script>
<script>
var new_x=0 ,new_y=0;
function move_to(x, y, tgx, tgy){
if(x<tgx || y<tgy){
new_x=x+Math.ceil( (tgx-x) / 10 );
new_y=y+Math.ceil( (tgy-y) / 10)
$('#div').css({'left': new_x+'px', 'top': new_y+'px'});
setTimeout( 'move_to('+new_x+' , '+new_y+' , '+tgx+','+ tgy+' )', 100);
}
}
</script>
<button onclick="move_to(1,1,500,500)" type="button">x</button>
<div id='div' style="position:absolute">TEST</div>
</body>
</html>
|
| |
|
|
| |
| Date :
2014-09-28 11:14:17 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
กรรม อ่านไม่เข้าใจ คำถาม ขอโทษนะครับ
|
| |
|
|
| |
| Date :
2014-09-29 14:34:36 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
