php滾動
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);
}
?>