本文目录一览：
下的轮播文件是html的，怎样把他放入jsp页面？
教你个最简单的
在你jsp表格上面加个iframe 吧那个路径直接指到那个页面就可以了,这样你的JSP页面上就清爽了,没有那些乱糟糟的轮播文件代码了
jsp上传图片，最好完整代码。100分！
upfile.jsp 文件代码如下:
form method="post" action="uploadimage.jsp" name="form1" enctype="multipart/form-data"
input type="file" name="file"
input type="submIT" name="sub" value="upload"
/form
form method="post" action="uploadimage.jsp" name="form1" enctype="multipart/form-data"
input type="file" name="file"
input type="submit" name="sub" value="upload"
/form
STRONGFONT color=#ff0000uploadimage.jsp/FONT/STRONG
文件代码如下：
uploadimage.jsp
文件代码如下：view plaincopy to clipboardprint?
PRE class=java name="code"%@ page language="java" pageEncoding="gb2312"%
%@ page import="java.io.*,java.awt.Image,java.awt.image.*,com.sun.image.codec.jpeg.*,java.sql.*,com.jspsmart.upload.*,java.util.*"%
%@ page import="mainClass.*" %
html
head
titleMy JSP 'uploadimage.jsp' starting page/title
/head
body
%
SmartUpload sma=new SmartUpload();
long file_max_size=4000000;
String filename1="",ext="",testvar="";
String url="uploadfiles/";
sma.initialize(pageContext);
try
{
sma.setAllowedFilesList("jpg,gif");
sma.upload();
}catch(Exception e){
%
script language="jscript"
alert("只允许上传jpg,gif图片")
window.location.href="upfile.jsp"
/script
%
}
try{
com.jspsmart.upload.File myf=sma.getFiles().getFile(0);
if(myf.isMissing()){
%
script language="jscript"
alert("请选择要上传的文件!")
window.location.href="upfile.jsp"
/script
%
}else{
ext=myf.getFileExt();
int file_size=myf.getSize();
String saveurl="";
if(file_size file_max_size){
Calendar cal=Calendar.getInstance();
String filename=String.valueOf(cal.getTimeInMillis());
saveurl=request.getRealPath("/")+url;
saveurl+=filename+"."+ext;
myf.saveAs(saveurl,sma.SAVE_PHYSICAL);
myclass mc=new myclass(request.getRealPath("data/data.mdb"));
mc.executeInsert("insert into [path] values('uploadfiles/"+filename+"."+ext+"')");
out.println("图片上传成功!");
response.sendRedirect("showimg.jsp");
}
}
}catch(Exception e){
e.printStackTrace();
}
%
/body
/html
/PRE
本文来自: IT知道网() 详细出处参考：
求CSS图片轮播完整代码？
以4张图片为例：
1.基本布局：
将4张图片左浮动横向并排放入一个div容器内，图片设置统一尺寸，div宽度设置4个图片的总尺寸，然后放入相框容器div，
相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片。
2.设置动画：
然后使用css3动画，通过对photos进行位移，从而达到显示不同的图片，每次偏移一个图片的宽度，即可显示下一张图片。
4张图片，需要切换3次.
根据需要可以对各个图片添加相应的序号和图片简介。
3.代码如下：
复制代码
1 style
2 #frame{position:absolute;width:300px;height:200px;overflow:hidden;border-radius:5px}
3 #dis{position:absolute;left:-50px;top:-10px;opacity:.5}
4 #dis li{display:inline-block;width:200px;height:20px;margin:0 50px;float:left;text-align:center;color:#fff;border-radius:10px;background:#000}
5 #photos img{float:left;width:300px;height:200px}
6 #photos { position: absolute;z-index:9; width: calc(300px * 4);/*---修改图片数量的话需要修改下面的动画参数*/ }
7 .play{ animation: ma 20s ease-out infinite alternate;}
8 @keyframes ma {
9 0%,25% { margin-left: 0px; }
10 30%,50% { margin-left: -300px; }
11 55%,75% { margin-left: -600px; }
12 80%,100% { margin-left: -900px; }
13
14 }
15 /style
复制代码
复制代码
div id="frame"
div id="photos" class="play"
img src="images/1.jpg"
img src="images/3.jpg"
img src="images/4.jpg"
img src="images/5.jpg"
ul id="dis"
li;/li
li22222222222222/li
li33333333333333/li
li44444444444444/li
/ul
/div
/div
拿走不谢！
