Time Radio : แจก JAVASCRIPT เกี่ยวกับ รูปภาพ ( 1 )

1.นำ MOUSE ไปชี้ที่รูปภาพแล้วภาพจะสั่นๆ

นำ MOUSE ไปชี้ที่รูปภาพแล้วภาพจะสั่นๆ

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

ต้องการให้แสดงรูปภาพที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

2.กรอบรูปเปลี่ยนสี

กรอบรูปเปลี่ยนสี

ต้องการให้แสดงที่ไหนก็นำ CODE ด้านล่างไปวางที่นั้นครับ <body> นะครับ

3.ห้าม SAVE รูปภาพ

ห้าม SAVE รูปภาพ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

4.ทำรูปภาพเด้งไปมาสามารถสั่งให้หยุดเด้งได้

ทำรูปภาพเด้งไปมาสามารถสั่งให้หยุดเด้งได้

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

<div id="img" style="position:absolute;">
<img src="ตำแหน่งของรูปที่ต้องการให้เด้ง" onMouseDown="pauseResume();">
</div>
<script LANGUAGE="JavaScript">

</script>

5.มี CURSOR ของ MOUSE เด้งไปมาที่หน้าจอ

มี CURSOR ของ MOUSE เด้งไปมาที่หน้าจอ

ให้คุณ SAVE รูปประกอบไปด้วยครับ ด้านล่างนี้เลยครับ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

if (document.layers)
{document.write("<layer NAME='PoInTeRs' LEFT=10 TOP=10><img src='"+cursorpath+"' width=17 height=22></LAYER>")}
else if (document.all){document.write("<div id='pOiNtErS' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'>
<img src='"+cursorpath+"' width=17 height=22></div>
")}

count=-1;                                                     
move=1;

function Curve(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
howbend=abc[C];
setTimeout('Curve()',1900);
return howbend;
}
ypos=10;
xpos=10;

degree = 60;
function MoveRandom(){
PathBend=degree+=howbend;//ok!
y = 4*Math.sin(PathBend*Math.PI/180);
x = 6*Math.cos(PathBend*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.PoInTeRs.top=ypos+window.pageYOffset;
document.PoInTeRs.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.pOiNtErS.style.top=ypos+document.body.scrollTop;
document.all.pOiNtErS.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('MoveRandom()',50);
}
function edges(){
if (document.layers){
if (document.PoInTeRs.left >= window.innerWidth-40+window.pageXOffset)degree=Math.round(Math.random()*45+157.5);
if (document.PoInTeRs.top >= window.innerHeight-30+window.pageYOffset)degree=Math.round(Math.random()*45-112.5);
if (document.PoInTeRs.top <= 2+window.pageYOffset) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.PoInTeRs.left <= 2+window.pageXOffset) degree = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.pOiNtErS.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)degree=Math.round(Math.random()*45+157.5);
if (document.all.pOiNtErS.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)degree=Math.round(Math.random()*45-112.5);
if (document.all.pOiNtErS.style.pixelTop <= 2+document.body.scrollTop) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.all.pOiNtErS.style.pixelLeft <= 2+document.body.scrollLeft) degree = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function starteffect(){
Curve();
MoveRandom();// onUnload="opener.gO()"
edges();
}

if (document.all||document.layers)
window.onload=starteffect
</script>

6.เลื่อนรูปภาพไปซ้ายขวาได้โดยกดที่ Keyboard

เลื่อนรูปภาพไปซ้ายขวาได้โดยกดที่ Keyboard

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

เพิ่ม OnLoad="moveImage()" เข้าไปใน <body> ครับ เป็นแบบนี้ครับ

7.ทำรูปภาพให้มีเงาในน้ำ

ทำรูปภาพให้มีเงาในน้ำ

ต้องการให้แสดงรูปที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

8.ย่อ - ขยายรูป

ทำรูปภาพให้มีเงาในน้ำ

ต้องการให้แสดงรูปที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

9.ทำรูปวิ่งจากขวาไปซ้าย

ทำรูปวิ่งจากขวาไปซ้าย

ต้องการให้แสดงรูปที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

//กำหนดรูปที่ต้องการและ LINK
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img border="0" src="../../images/wheel2.gif">'
leftrightslide[1]='<a href="http://www.geocities.com/namkiatv"><img border="0" src="../../images/wheel2.gif"></a>'
leftrightslide[2]='<a href="http://www.geocities.com/namkiatv/java"><img border="0" src="../../images/wheel2.gif"></a>'
leftrightslide[3]='<a href="http://www.geocities.com/namkiatv/html"><img border="0" src="../../images/wheel2.gif"></a></a>'
leftrightslide[4]='<img border="0" src="../../images/wheel2.gif"></a>'

///////ข้างล่างนอย่าไปยุ่งนะครับี้//////////////////

var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  "

if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2

//-->
</script>

10.รูปวิ่งจากขวาไปซ้ายตอน LOAD หน้าเสร็จ

รูปวิ่งจากขวาไปซ้ายตอน LOAD หน้าเสร็จ

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

ต้องการให้แสดงภาพที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

เพิ่ม onload="hdynAnimation()" เข้าไปใน <body> ครับ เป็นแบบนี้ครับ

Time Radio

Monday, October 23, 2017

แจก JAVASCRIPT เกี่ยวกับ รูปภาพ ( 1 )

No comments:

Post a Comment

Richard Diamond 49-05-01 (002) Diamond In the Rough (AFRS).autogenerated

Report Abuse

Labels