正文
php数据滚动效果,网页滚动效果
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
PHP网站 中通过数据库调出图片和文字 怎样实现上下滚动效果
上下滚动的效果属于浏览器端的效果了。PHP是实现不了的。需要用javascript来实现。如果你想要学的话，可以找个jquery的教程。jquery属于javascript的一个框架（就好像Thinkphp对于PHP一样）。jquery还是比较简单容易上手的。很多动画效果都有现成的函数。直接填入参数就可以了
相关问答
Q1: 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.offsetLeft0){
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
liimg src="img/1.jpg"//li
liimg src="img/2.jpg"//li
liimg src="img/3.jpg"//li
liimg src="img/4.jpg"//li
/ul
/div
/body
/html
Q2: PHP调用MySQL数据滚屏程序？
你用POST方式传值，必须要有个表单，表单提交数据后，要echo出变量才能看到，
你把$xuehao=$_POST["id"];下面加个echo $xuehao;就可以看到输出了，在php结束标记？＞后面加上一段代码
html
head
meta charset="utf-8"
/head
body
form action="index.php" method="post"
table
trtd学号/td tdinput type="text" name="id"/td/tr
trtd姓名/tdtdinput type="text" name="name"/td/tr
trtd性别/tdtdinput type="text" name="sex"/td/tr
tr td/tdtdinput type="submit" value="提交"/td/tr
/table
/form
/body
/html
Q3: PHP,想实现滚动新闻效果。
滚动可以用html代码marquee/marquee实现。
可点击新闻用a href=""/a，要在新窗口打开的话targer参数要用blank，
至于新闻在数据库中，那数据库中应该有id，标题，日期，内容等字段吧。
读取数据库，显示标题，新闻内容要重新写一个页面，把id作为参数传递过去，就很轻松了。示例下：
marqueea href="新闻页面连接.php?id=?=$id?" target="blank"?=$biaoti?/a/marquee
要显示多条的话可以用循环。思路这样肯定没错。具体代码要你自己完成了。
Q4: PHP如何实现搜索结果（或分类）下的图片滚动浏览（如百度图片一样）
哈哈,你这个需求大部分都是javascript来完成的.
关于图一的列表样式,无非就是瀑布流滚动配合ajax到php后台取数据实现无限加载而已
插件都是现成的
至于图二就更简单.无非是一个javascript的相册插件,也用现成的,php就是按照插件的格式把数据循环出来即可
鉴于你可能比较菜,给你推荐这款插件吧 比较简单 配置也有详细说明
Q5: 如何在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_product(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
