上下滚动的效果属于浏览器端的效果了。PHP是实现不了的。需要用javascript来实现。如果你想要学的话,可以找个jquery的教程。jquery属于javascript的一个框架(就好像Thinkphp对于PHP一样)。jquery还是比较简单容易上手的。很多动画效果都有现成的函数。直接填入参数就可以了
成都创新互联从2013年创立,是专业互联网技术服务公司,拥有项目网站制作、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元都安做网站,已为上家服务,为都安各地企业和个人服务,联系电话:13518219792
可以用无缝图片滚动效果 如:
!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
你用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
滚动可以用html代码marquee/marquee实现。
可点击新闻用a href=""/a,要在新窗口打开的话targer参数要用blank,
至于新闻在数据库中,那数据库中应该有id,标题,日期,内容等字段吧。
读取数据库,显示标题,新闻内容要重新写一个页面,把id作为参数传递过去,就很轻松了。示例下:
marqueea href="新闻页面连接.php?id=?=$id?" target="blank"?=$biaoti?/a/marquee
要显示多条的话可以用循环。思路这样肯定没错。具体代码要你自己完成了。
哈哈,你这个需求大部分都是javascript来完成的.
关于图一的列表样式,无非就是瀑布流滚动配合ajax到php后台取数据实现无限加载而已
插件都是现成的
至于图二就更简单.无非是一个javascript的相册插件,也用现成的,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