当前位置:首页 » 编程语言 » 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>

热点内容
到店系统源码 发布:2024-05-17 03:18:34 浏览:757
解编程解密 发布:2024-05-17 02:57:26 浏览:48
c语言掷骰子 发布:2024-05-17 02:11:05 浏览:489
eclipsepython调试工具 发布:2024-05-17 02:10:49 浏览:820
oracle创建表sql语句 发布:2024-05-17 02:06:38 浏览:252
手机建立文件夹 发布:2024-05-17 01:56:19 浏览:656
方舟服务器怎么绑定账号 发布:2024-05-17 01:52:32 浏览:735
运行javajar 发布:2024-05-17 01:29:14 浏览:14
怎么找回访问密码 发布:2024-05-17 01:22:45 浏览:747
吉林苹果服务器网络时间地址 发布:2024-05-17 01:21:29 浏览:213