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

php圖片滾動

發布時間: 2022-12-22 12:20:10

『壹』 php中怎樣使得後台顯示的圖片上下滾動

<marquee behavior=alternate direction=down>插入圖片路徑</marquee>
寬高可以自己再設

『貳』 如何在PHP網頁加入這個圖片滾動特效

圖片滾動的特效一般跟php沒有關系
這類插件一般都是js,flash,css,做的。
網上很多這類插件,要先在模板頁引用這些插件,然後在js里設置參數,例如顯示圖片的大小,速度,然後代入圖片。

『叄』 如何用php寫圖片滾動,求思路

javascript或jquery的
思路就是改你圖片或所在div的css屬性
看你咋滾動了
有的橫著一點一點的一點 有的 一張一張的滾動。。。
網上有很多的代碼 你找找。

『肆』 如何在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>

『伍』 php 網頁製作 圖片輪播

這是前台的事,不用php 用jq
http://tympanus.net/codrops/
http://reeoo.com/

很多網站都有類似的效果 可以模仿下

『陸』 怎麼用php實現一個div 裡面有幾張圖片 呈現一個滾動的效果 通過滑鼠的指針控制上下左右 的觸發

看樣子你對web編程還知道的很少,通常情況下這種情形是通過js來進行控制的,php負責後端。如果你真的想用php的話,那就只能刷新頁面,我想有點常識的都不會這么做。
用js做也很簡單,網上很多的。一個簡單的思路就是,在div裡面的圖片都隱藏,每張圖片一個序號,默認顯示第一張,當你進行點擊的時候,當前顯示的圖片隱藏,下一張圖片顯示出來。不過既然你想到的是php實現,所以js這塊我就不多說了。自己網上找找吧。

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

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

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

插件都是現成的

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

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

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

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

『捌』 求教php首頁上想讓兩張圖片循環滾動代碼怎麼寫啊

可以使用flexslider ,代碼和下邊類似
<div class="slider">
<div class="flexslider flexslider2">
<ul class="slides item">
<?php foreach($slide as $v) { ?>
<li><a target="_bland" href="<?php echo $v['Url']; ?>"><img src="<?php echo '../'.$v['ImagePath']; ?>" width="960" height="250"></a></li>
<?php } ?>
</ul>
</div>
</div>

『玖』 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>

熱點內容
百錢白雞c語言 發布:2024-04-30 03:52:57 瀏覽:297
阿里雲伺服器外包 發布:2024-04-30 03:33:54 瀏覽:277
911標配的有哪些配置 發布:2024-04-30 03:18:38 瀏覽:159
如何訪問阿里雲伺服器多個數據盤 發布:2024-04-30 03:08:45 瀏覽:187
ldd3源碼 發布:2024-04-30 03:07:14 瀏覽:7
phpecho換行 發布:2024-04-30 02:21:51 瀏覽:904
高中ftp 發布:2024-04-30 01:51:48 瀏覽:873
林秋楠手機的密碼是多少 發布:2024-04-30 01:46:31 瀏覽:276
python靜態類方法 發布:2024-04-30 01:30:28 瀏覽:462
zblogphpasp 發布:2024-04-30 01:27:35 瀏覽:137