ภาษาไทย
<!--把下列代码放到HEAD区域内--> <head> <title>连续环绕滚动imageฝา</title> <script type='text/javascript'> function carousel(params){ if(!(params .width>0 && isFinite(params.width)))params.width=100; if(!(params.height>0 && isFinite(params.height)))params.height=100; if(!(params.sides>2 && isFinite(params.sides)))params.sides=4; if(!(params.steps>0 && params.steps<100 && isFinite(params.steps)))params.steps=20; if(!(params.speed>0 && isFinite(params.speed)))params.speed=8; if(!(params.image_border_width>=0 && isFinite(params.image_border_width)))params.image_border_width=0; if(isFinite(params.id)||!params.id)params.id='bad_id_given_'+Math.random(); document.write("<div style='position:relative;overflow:hidden;' id='"+params.id.replace(/[rnt ]+/g,'_')+"' ></div>"); var cdiv=document.getElementById(params.id.replace(/[rnt ]+/g,'_')) cdiv.style.width=params.width+'px'; cdiv.style.height=params.height+'px'; cdiv.style.border=params.border; cdiv.style.position='ญาติ'; cdiv.style.overflow='ซ่อน'; cdiv.title=params.id; var counter=0,spinning=true,interval=Math.floor(60000/params.sides/params.steps/params.speed)-5; ช่วง=isNaN(ช่วง)?200:ช่วง; var img_position=[],รูปภาพ=[],img_size=[]; var img_index=params.images.length+1,img_index_cap=2*params.images.length; var faces=Math.ceil(params.sides/2) มิติ ทิศทาง; ฟังก์ชั่น init(){ if(params.direction=="left" || params.direction=="right"){ ทิศทาง=params.direction; มิติข้อมูล = "ความกว้าง"; } อื่น ๆ if(params.direction=="top" || params.direction=="bottom"){ ทิศทาง=params.direction; มิติข้อมูล = "ความสูง"; } อื่น { ทิศทาง = "ซ้าย"; มิติข้อมูล = "ความกว้าง"; } cdiv.style[มิติ]=params[มิติ]/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)+'px'; var img=รูปภาพใหม่(); img.style.position='สัมบูรณ์'; img.style[ทิศทาง]='10,000px'; img.style.width=params.width-2*params.image_border_width+'px'; img.style.height=params.height-2*params.image_border_width+'px'; img.style.border=(params.image_border_width||0)+'px ทึบ '+params.image_border_color; // จาวาสคริปต์เพิ่มเติมจาก http://www.downcodes.com for(var i=0;i<params.images.length;i++){ images[i]=img.cloneNode(true); รูปภาพ[i].src=params.images[i]; if(params.links && params.links[i] && params.links[i]!=''){ รูปภาพ[i].onclick=new Function("window.location='"+params.links[i]+ "'"); ภาพ [i].style.cursor=document.all?'มือ':'ตัวชี้'; } if(params.titles && params.titles[i] && params.titles[i]!='') รูปภาพ[i].title=params.titles[i]; ภาพ[i+params.images.length]=ภาพ[i]; if(params.images.length==faces) ภาพ[i+2*params.images.length]=ภาพ[i]; cdiv.appendChild(ภาพ[i]); } var face_size=params.size_mode=='image'?params[มิติ]:params[มิติ]*Math.sin(Math.PI/params.sides); var face_offset=params[มิติ]*Math.cos(Math.PI/params.sides)/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)/2- 5; var pi_piece=2*Math.PI/params.steps/params.sides; สำหรับ(i=0;i<=params.steps*faces;i++){ img_size[i]=face_size*Math.sin(pi_piece*i); img_position[i]=(i<params.steps*params.sides/2)?Math.floor(params[มิติ]/2/(params.size_mode=='image'?Math.sin(Math.PI/params. ด้านข้าง):1)-face_offset*Math.cos(pi_piece*i)-img_size[i]/2)+'px':'10000px'; img_ขนาด[i]=img_ขนาด[i]-2*params.image_border_width>1?Math.ceil(img_size[i])-2*params.image_border_width+'px':'1px'; } } เริ่มต้น(); cdiv.rotate = function(){ setTimeout('document.getElementById("'+cdiv.id+'").rotate()',ช่วงเวลา); ถ้า(!ปั่น) กลับมา; ถ้า(++เคาน์เตอร์>=params.steps){ เคาน์เตอร์=0; ถ้า(++img_index>=img_index_cap) img_index=params.images.length; } ภาพ[img_index-faces].style[ทิศทาง]='20000px'; สำหรับ (var i=faces-1;i>=0;i--){ ภาพ[img_index-i].style[ทิศทาง]=img_position[counter+i*params.steps]; รูปภาพ[img_index-i].style[ขนาด]=img_ขนาด[เคาน์เตอร์+i*params.steps]; } } cdiv.onmouseover=function(){ ปั่น=false; } cdiv.onmouseout=function(){ ปั่น=true; } setTimeout('document.getElementById("'+cdiv.id+'").rotate()',200); } </script> </head> <!--把下列代码放到body区域内--> <body> <h3>水平方向滚动</h3> <script type='text/javascript'> carousel({ id:'Amazon Books', //ป้อน ID ที่กำหนดเองแต่ไม่ซ้ำกันของเส้นขอบอินสแตนซ์สไลด์โชว์นี้:'', size_mode:'image', //ป้อน "carousel" หรือ "image" ส่งผลต่อพารามิเตอร์ความกว้างและความสูงด้านล่าง: 107, //ป้อนความกว้างของรูปภาพหรือทั้งภาพหมุน ขึ้นอยู่กับค่าด้านบน ความสูง:140, //ป้อนความสูงของภาพหรือทั้งภาพหมุน ขึ้นอยู่กับด้านค่าด้านบน:6, //# ของด้านของภาพหมุน ด้านข้าง/2 จำนวนเต็มคู่ที่มีด้าน/2< รูปภาพทั้งหมดคือขั้นตอนที่ดีที่สุด:23, //# ของขั้นตอนแอนิเมชั่น มากกว่า = นุ่มนวลกว่า แต่มีความเร็วของ CPU มากกว่า: 5, // ความเร็วของสไลด์โชว์มากขึ้น = เร็วขึ้น 'left', //ทิศทางของสไลด์โชว์ ป้อนรูปภาพ "บน", "ล่าง", "ซ้าย" หรือ "ขวา":['', '', '', ''] ลิงก์: ['http:/ /www.downcodes.com/', 'http://www.downcodes.com/', 'http://www.downcodes.com/', 'http://www.downcodes.com/'], ชื่อเรื่อง :['javascript特效', '网络学院', '网站联盟', '插件下载'], image_border_width:1, image_border_color:'blue' }); </script> <h3>竖直方向滚动</h3> <script type='text/javascript'> carousel({id:'carousel_1', //ป้อน ID ที่กำหนดเองแต่ไม่ซ้ำกันของเส้นขอบอินสแตนซ์สไลด์โชว์นี้:'', size_mode:'image', //ป้อน "carousel" หรือ "image" ส่งผลต่อพารามิเตอร์ความกว้างและความสูงด้านล่าง width:107, //ป้อนความกว้างของรูปภาพหรือทั้งภาพหมุน ขึ้นอยู่กับค่าด้านบน height:140, //Enter ความสูงของภาพหรือภาพหมุนทั้งหมด ขึ้นอยู่กับด้านค่าด้านบน:8, //# ของด้านของภาพหมุน สิ่งที่แสดง = ด้าน/2 จำนวนเต็มคู่ที่มีด้าน/2< รูปภาพทั้งหมดเป็นขั้นตอนที่ดีที่สุด:8, //# of ขั้นตอนแอนิเมชั่น More = นุ่มนวลขึ้น แต่ความเร็วของ CPU มากขึ้น: 7, // Speed of Slideshow. Larger = เร็วขึ้น. หรือรูปภาพ "ขวา":['', '', '', ''], ลิงก์: [], ชื่อ:[], image_border_width:1, image_border_color:'black' }); </สคริปต์> </ร่างกาย>
