很多站长朋友们都不太清楚php无缝滚动,今天小编就来给大家整理php无缝滚动,希望对各位有所帮助,具体内容如下:
本文目录一览: 1、 如何在php中添加滚动字幕? 2、 如何在PHP网代码中加入图片滚动的效果? 3、 如何在PHP网页加入这个图片滚动特效? 4、 PHP网站首页瀑布流加载在电脑浏览器上没问题,但是到了iPad上面无论你怎么拉滚动条都不加载? 5、 asp中marquee 无缝滚动 如何在php中添加滚动字幕?添加滚动字幕,可以用marquee标签,也可以用javascript。我建议你最好用javascript。
PHP是处理数据的,你想要的是一种页面效果,所以不能用PHP来实现。
如何在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>
如何在PHP网页加入这个图片滚动特效?图片滚动的特效一般跟php没有关系
这类插件一般都是js,flash,css,做的。
网上很多这类插件,要先在模板页引用这些插件,然后在js里设置参数,例如显示图片的大小,速度,然后代入图片。
PHP网站首页瀑布流加载在电脑浏览器上没问题,但是到了iPad上面无论你怎么拉滚动条都不加载?建议wap站和web站分开做,wap前端也有不错的js框架,mobile_query,好像可以无缝切换
asp中marquee 无缝滚动<%
set rsm=server.createobject("adodb.recordset")
rsm.open "select * from [cf] order by cf desc",connb,1,1
%><script type="text/javascript">
document.write('<table align=center width=480 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>');
document.write('<tr><td width=480 height=125 align=center class=border01 bgcolor=#FFFFFF>');
document.write('<div id=demo style=overflow:hidden;width:480;align=center>');
document.write('<table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >');
document.write('<tr><td valign=top bgcolor=ffffff id=marquePic1> ');
document.write('<table width=480 border=0 cellspacing=0 cellpadding=0>');
document.write('<tr align=center> ');
document.write('<% do while not rsm.eof p=p+1%><td><%if not rsm("cf")="" then%><img src="<%=rsm("cf")%>" height="125" border="1" style="border-color:#ffffff;"><%else%><%end if%></td>');
document.write('<%if p=10 then exit do
rsm.movenext
loop%><%rsm.close%>');
document.write('</tr></table></td>');
document.write('<td id=marquePic2 valign=top></td></tr></table></div></td></tr></table>');
var speed=60
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
我是我在用的!没有问题很稳定,你改一下吧!
关于php无缝滚动的介绍到此就结束了,不知道本篇文章是否对您有帮助呢?如果你还想了解更多此类信息,记得收藏关注本站,我们会不定期更新哦。
查看更多关于php无缝滚动 html无缝滚动的详细内容...