Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > สคริป ข้อความวิ่งขึ้น แต่ละบรรทัด แบบวน อย่างต่อเนื่อง

สคริป ข้อความวิ่งขึ้น แต่ละบรรทัด แบบวน อย่างต่อเนื่อง

เริ่มหัวข้อใหม่

moth

โพสกระทู้ ( 0 )
บทความ ( 0 )

อยากได้ code ข้อความวิ่งขึ้น แต่ละบรรทัด แบบวน อย่างต่อเนื่อง โดยไม่ขาดช่วงคะ

<table border="0" cellpadding="1" cellspacing="1" width="90%" bgcolor="#88aada">
<tr><td class="txtThai" bgcolor="#88aada">
<marquee onmouseout="this.start()" direction="up"
scrollamount="0" behavior="scroll"
class="text" scrolldelay="80" height="200" onmouseover="this.stop()">
\\\\\\\\ข้อความ\\\\\\\\\
\\\\\\\\ข้อความ\\\\\\\\\
\\\\\\\\ข้อความ\\\\\\\\\
\\\\\\\\ข้อความ\\\\\\\\\
\\\\\\\\ข้อความ\\\\\\\\\
\\\\\\\\ข้อความ\\\\\\\\\
</marquee></td></tr></table>

อันนี้ พอเปิดเว็บขึ้นมา มันจะมีบรรทัดว่างก่อน แล้วค่อย ๆ เลื่อนขึ้น
และ พอข้อความหมด มันก็จะเว้นบรรทัดช่วงว่างอีก แล้วค่อยวนข้อความเดิม

แต่ที่ต้องการ อยากให้มันต่อเนื่องกันไปเลย ไม่มีบรรทัดเว้นช่วงอ่ะคะ
เช่น เดิมมีข้อความอยู่แล้ว 15 บรรทัด
ช่วงที่มันเลื่อนถึงบรรทัดสุดท้าย อยากให้มันเลื่อนต่อกับบรรทัดที่ 1 ใหม่เลยคะ

รบกวนหน่อยคะ
ขอบคุณคะ

Tag : - - - -

Date : 2009-11-07 12:43:36

By : moth

View : 5999

Reply : 1

No. 1

xbeginner01

โพสกระทู้ ( 1,439 )
บทความ ( 0 )

อันนี้เป็นโค้ดเก่าที่ผมเขียนเก็บไว้ใช้งานครับ เป็นสไลด์ของ block ซึ่งมีข้อจำกัดคือต้องมีความสูงความกว้างเท่ากันทุกบล็อก ลองเอาไปเป็นตัวอย่างน่ะครับ

Code (PHP)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
var width_slide = 300; // ความกว้างของสไลด์
var height_slide =100; // ความยาวของสไลด
var width_div =300;   // ความกว้างของเนื้อหา
var height_div=50;   //ความยาวของเนื้อหา  ความยาวควรมากกว่า  (height_slide หาร 2) 
var delay_us =25; // ความเร็วสไลด์
var wait_us=1000; // หยุดแสดงภาพ ถ้าไม่ต้องการเช็ตค่าให้เท่ากับ delay_us
var i=-2;
var div;
var style_top=0;
var stop=false;
function  setSlide(){
	div=document.getElementById('block_nums').value;
	document.getElementById('block_slide').style.width =width_slide+"px";
	document.getElementById('block_slide').style.height =height_slide+ "px";
    document.getElementById('slide1').style.height=height_div+"px";
	 document.getElementById('slide2').style.height=height_div+"px";
	  document.getElementById('slide3').style.height=height_div+"px";
}

function slideshow(){

	if(!stop){
		if(style_top <-height_div){ 
			style_top=0; 
			document.getElementById('block_img').style.top =style_top+"px";			
			if(i<0)  document.getElementById('slide1').innerHTML="";
			else  document.getElementById('slide1').innerHTML=document.getElementById('s'+(i%div+1)).innerHTML;
			 if(i<-1) document.getElementById('slide2').innerHTML="";
			 else document.getElementById('slide2').innerHTML=document.getElementById('s'+((i+1)%div+1)).innerHTML;
			 if(i<-2) document.getElementById('slide3').innerHTML="";
			 else document.getElementById('slide3').innerHTML=document.getElementById('s'+((i+2)%div+1)).innerHTML;
			i=i+1;
			if(i == div){ i=0; }
			setTimeout("slideshow()",wait_us);
		}else{	
			document.getElementById('block_img').style.top=style_top+"px"; 
			style_top =style_top-1; 
			setTimeout("slideshow()" ,delay_us);
		}
	}
}
function stop_slide(){
	stop =true;
}
function play_slide(){
	stop=false;
	slideshow();
}
</script>
<style>
#block_slide{position:relative;z-index:1; overflow:hidden; border:solid 2px #FF0033;}
#block_img{position:relative; visibility:visible;top:0px;left:0px;z-index:2;cursor:pointer;}
</style>
</head>
<body onload="slideshow()">
<div id="block_slide">
	<div id="block_img" onmouseOver="stop_slide()" onmouseOut="play_slide()">
		<div id="slide1" ></div>
		<div id="slide2"></div>
		<div id="slide3" ></div>
		<div id="s1" style="display:none">หลักการสไลด์นี้คือสลับเนื้อหาเพียงแค่ 3 สไลด์  slide1 slide2 และ slide3</div>
		<div id="s2" style="display:none">เราสามารถสร้าง tag อะไรก็ได้ขอเพียงคำหนึ่งถึงความกว้างและความยาวเนื้อหาที่กำหนดไว้</div>
		<div id="s3" style="display:none">ตัวอย่าง <a href="">hyperlink</a> <b>ตัวหนา</b> <table border=1><tr><td>ตาราง</td></tr></table></div>
		<div id="s4" style="display:none"><b>จำไว้!</b>เราควรส่งจำนวนสุดท้ายให้ block_nums ด้วยเพื่อบอกจำนวนเนื้อหาทั้งหมด</div>
		<!-- เพิ่มเนื้อหาตรงนี้ 
		<div id="s5" style="display:none">เนื้อหาส่วนที่ 5</div>
		-->
		<input type="hidden" id="block_nums" value="4"> <!--  value เท่ากับจำนวน เนื้อหาที่สร้างมาทั้งหมด -->

		<script>setSlide()</script>				
	</div>
</div>
</body>
</html>

ปล.สำหรับสไลด์ข้อความ โค้ดนี้มันยังดีไม่พอ ผมเองก็ไม่มีเวลาแก้ให้ด้วยสิ

แต่รู้สึกหาโหลดได้น่ะ ลองใช้คีย์ slide text javascript ที่ google ดูครับ

Date : 2009-11-07 13:53:28

By : xbeginner01

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สคริป ข้อความวิ่งขึ้น แต่ละบรรทัด แบบวน อย่างต่อเนื่อง

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); สคริป ข้อความวิ่งขึ้น แต่ละบรรทัด แบบวน อย่างต่อเนื่อง

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

สคริป ข้อความวิ่งขึ้น แต่ละบรรทัด แบบวน อย่างต่อเนื่อง