扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
上下滚动的效果属于浏览器端的效果了。PHP是实现不了的。需要用javascript来实现。如果你想要学的话,可以找个jquery的教程。jquery属于javascript的一个框架(就好像Thinkphp对于PHP一样)。jquery还是比较简单容易上手的。很多动画效果都有现成的函数。直接填入参数就可以了
创新互联是一家专注于网站设计、网站建设与策划设计,科尔沁右翼前网站建设哪家好?创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:科尔沁右翼前等地区。科尔沁右翼前做网站价格咨询:13518219792
你用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
可以用无缝图片滚动效果 如:
!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
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流