當前位置:首頁 » 編程語言 » php滾動

php滾動

發布時間: 2022-08-10 12:12:40

A. 如何在php中添加滾動字幕

添加滾動字幕,可以用marquee標簽,也可以用javascript。我建議你最好用javascript。

PHP是處理數據的,你想要的是一種頁面效果,所以不能用PHP來實現。

B. PHP,想實現滾動新聞效果。

滾動可以用html代碼<marquee></marquee>實現。
可點擊新聞用<a href=""></a>,要在新窗口打開的話targer參數要用blank,
至於新聞在資料庫中,那資料庫中應該有id,標題,日期,內容等欄位吧。
讀取資料庫,顯示標題,新聞內容要重新寫一個頁面,把id作為參數傳遞過去,就很輕鬆了。示例下:
<marquee><a href="新聞頁面連接.php?id=<?=$id?>" target="blank"><?=$biaoti?></a></marquee>
要顯示多條的話可以用循環。思路這樣肯定沒錯。具體代碼要你自己完成了。

C. PHP 里用的文字左右滾動

於PHP無關

<div id="marquees">
測試1測試2測試3測試4測試5測試6測試7測試8測試9測試10測試11測試.....
</div>
<div id="templayer" style="position: absolute; left: 0; top: 0; visibility: hidden">
</div>
<script language="JavaScript">

marqueesWidth=500; //控制滾動寬度
with(marquees){
style.height=0;
style.width=marqueesWidth;
style.overflowX="hidden";
style.overflowY="visible";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preLeft=0; currentLeft=0; stopscroll=false;

function init(){
templayer.innerHTML="";
while(templayer.offsetWidth<marqueesWidth){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML+=templayer.innerHTML;
setInterval("scrollLeft()",20); //這里控制速度
}init();

function scrollLeft(){
if(stopscroll==true) return;
preLeft=marquees.scrollLeft;
marquees.scrollLeft+=1;
if(preLeft==marquees.scrollLeft){
marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
}
}
</script>

D. php中用html實現文字滾動得問題

<marquee direction="right" VSPACE = 30 SCROLLAMOUNT = 5 loop=2 onMouseOut="this.start()" onMouseOver="this.stop()">
<?php
for ( $tmp = 1 ; $tmp <= 10 ; $tmp++ )
{ echo $tmp;
?>
<a href="index.php" ><?php echo $array[$tmp];?></a>
<?php
echo hello ;
}
?>
</marquee>

這樣就行了。告訴你哈,你原來的寫法是把每一個marquee循環一遍,這樣就有了十個marquee,每個marquee裡面一句話... 但是你是想一個marque 十句話在裡面循環。

E. php如何讓資料庫中的圖片在網頁首頁滾動顯示

可以用無縫圖片滾動效果 如:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

* { margin: 0; padding: 0;}

body{ background-color:#1B1B1B}

#div1{ width: 800px; height: 150px; position: relative; margin: 100px auto;overflow: hidden;}

#div1 ul { width: 800px; height: 150px; position: relative; }

#div1 ul li { height: 150px; float: left; list-style: none; padding-right:20px;}

#div1 ul li img { width: 200px; height: 150px; display: inline-block;}

a{ color: #B4B4B4; }

</style>

<script type="text/javascript">

window.onload=function(){

var odiv = document.getElementById('div1');

var oul = odiv.getElementsByTagName('ul')[0];

var ali = oul.getElementsByTagName('li');

var spa = -2;

oul.innerHTML=oul.innerHTML+oul.innerHTML;

oul.style.width=ali[0].offsetWidth*ali.length+'px';

function move(){

if(oul.offsetLeft<-oul.offsetWidth/2){

oul.style.left='0';

}

if(oul.offsetLeft>0){

oul.style.left=-oul.offsetWidth/2+'px'

}

oul.style.left=oul.offsetLeft+spa+'px';

}

var timer = setInterval(move,30)

odiv.onmousemove=function(){clearInterval(timer);}

odiv.onmouseout=function(){timer = setInterval(move,30)};

document.getElementsByTagName('a')[0].onclick = function(){

spa=-2;

}

document.getElementsByTagName('a')[1].onclick = function(){

spa=2;

}

}

</script>

</head>

<body>

<a href="#" style=" display: block; margin:0 auto; width: 50px;">向左走</a>

<a href="#" style=" display: block; margin:0 auto; width: 50px;">向右走</a>

<div id="div1">

<ul>

<li><img src="img/1.jpg"/></li>

<li><img src="img/2.jpg"/></li>

<li><img src="img/3.jpg"/></li>

<li><img src="img/4.jpg"/></li>

</ul>

</div>

</body>

</html>

F. PHP網頁滾動文字代碼問題

<style type="text/css">

#demo {
background: #FFF;
overflow:hidden;

width: 765px;
}
#demo img {

}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

</style>

<DIV id=demo class="telnav">

<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">

<TBODY>

<TR>

<TD id=demo1 vAlign=top>
<table width="950" height="50" border="2" cellpadding="1" cellspacing="1">
<tr>
<td>從右到左的滾動文字</td>
</tr>
</table>

</TD>

</div>

<TD id=demo2 vAlign=top></TD></TR></TBODY>

</TABLE>

</DIV>
<SCRIPT>

var speed=15

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</SCRIPT>

G. 求php文字上下滾動代碼

php只提取數據,頁面的特效效果是通過js來實現的,具體js的代碼,看一下下面的網址,裡面匯集了各種滾動的效果,具體要哪一個,你自己可以看一下。

http://www.scriptlover.com/controls/marquee/index.html

H. PHP如何實現搜索結果(或分類)下的圖片滾動瀏覽(如百度圖片一樣)

哈哈,你這個需求大部分都是javascript來完成的.

關於圖一的列表樣式,無非就是瀑布流滾動配合ajax到php後台取數據實現無限載入而已

插件都是現成的

http://www.17sucai.com/pins/4714.html

至於圖二就更簡單.無非是一個javascript的相冊插件,也用現成的,php就是按照插件的格式把數據循環出來即可

鑒於你可能比較菜,給你推薦這款插件吧 比較簡單 配置也有詳細說明

http://www.helloweba.com/view-blog-61.html

I. 如何在PHP網代碼中加入圖片滾動的效果

  • #indemo給的寬度是不夠的,寬度是要大於等於的demo1和demo2寬度之和。具體操作如下:

<style type="text/css">
<!--
#demo {
background: #000;
overflow:hidden;
border: 0px dashed #000;
width: 750px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>

<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<?php echo dt_proct(8,5,10,0,0,false,null,'id')?>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10; //數字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

J. 在php中,如何使隨機數不停地滾動

僅僅是php的話無法做到.需要配合html js.如果是頁面效果的話,用js來處理最好.

用php簡單來說用好sleep即可

<?php
for($i=0;$i<1000;$i++){
sleep(5000);
$num=mt_rand(1,1000);
}
?>
熱點內容
國產高配置有哪些 發布:2024-04-27 09:18:26 瀏覽:947
建行手機app忘記密碼如何修改 發布:2024-04-27 08:58:59 瀏覽:393
蟻群演算法的數學模型 發布:2024-04-27 08:58:39 瀏覽:994
androidactivity生命 發布:2024-04-27 07:33:48 瀏覽:84
win2008伺服器搭建網站 發布:2024-04-27 07:26:51 瀏覽:640
java的vector 發布:2024-04-27 07:05:00 瀏覽:204
舊電腦共享伺服器 發布:2024-04-27 06:32:21 瀏覽:339
java程序練習 發布:2024-04-27 06:24:00 瀏覽:438
sql30 發布:2024-04-27 06:22:10 瀏覽:55
怎樣防止sql注入 發布:2024-04-27 06:11:25 瀏覽:236