导航:首页 > 编程语言 > java图片轮播

java图片轮播

发布时间:2021-02-23 15:53:38

java图形界面实现图片自动轮播

现在没空复帮你写代码了,给你个制思路自己写吧!轮播肯定是要切换图片的,并且一般切换的时候是从左到右或从右到左慢慢切的,所以你定义一个图片地址数组,再定义两个jlabel用来显示图片,一个JLabel显示当前图片,另一个显示最新图片!好了,现在你定义一个timer定时器来切换,每隔两秒,就判断一下最新的图片是哪个jlabel,然后将另一个jlabel填充新的图片,然后setlocation()来移动图片,x坐标每次向左几个像素,直至移动完成!这样就是一次轮播,当然你需要将两个jlabel放到一个panel中,免得会出现第二个图片多出一截在慢慢移动的情况

㈡ 做图片轮播功能(要一直从右往左播,不断的循环),js怎么写看一下我的代码给我讲几句重要的代码

你把整个ul想成是一张图片,你要做的就是把ul左右移动,然后在ul外面可以套一个div,样式为{overflow:hidden},关回于复位答,你可以用%运算,当移动到最后一个li的时候,跳到第一个li去。

㈢ java图片轮换

<script language="javascript" src="http://i3.kuai.com/ui/js/jquery.libs-1.2.6pack.js"></script>

<script type="text/javascript">
function dk_slideplayer(object,config){
this.obj = object;
this.config = config ? config : {width:"300px",height:"200px",fontsize:"12px",right:"10px",bottom:"10px",time:"5000"};
this.pause = false;
var _this = this;
if(!this.config.right){
this.config.right = "0px"
}
if(!this.config.bottom){
this.config.bottom = "3px"
}
if(this.config.fontsize == "12px" || !this.config.fontsize){
this.size = "12px";
this.height = "21px";
this.right = "6px";
this.bottom = "10px";
}else if(this.config.fontsize == "14px"){
this.size = "14px";
this.height = "23px";
this.right = "6px";
this.bottom = "15px";
}
this.count = jQuery(this.obj + " li").size();
this.n =0;
this.j =0;
var t;
this.factory = function(){
jQuery(this.obj).css({position:"relative",zIndex:"0",margin:"0",padding:"0",width:this.config.width,height:this.config.height,overflow:"hidden"})
jQuery(this.obj).prepend("<div style='position:absolute;z-index:20;right:"+this.config.right+";bottom:"+this.config.bottom+"'></div>");
jQuery(this.obj + " li").css({width:"100%",height:"100%",overflow:"hidden"}).each(function(i){jQuery(_this.obj + " div").append("<a>"+(i+1)+"</a>")});

jQuery(this.obj + " img").css({border:"none",width:"100%",height:"100%"})

this.resetclass(this.obj + " div a",0);

jQuery(this.obj + " p").each(function(i){
jQuery(this).parent().append(jQuery(this).clone(true));
jQuery(this).html("");
jQuery(this).css({position:"absolute",margin:"0",padding:"0",zIndex:"1",bottom:"0",left:"0",height:_this.height,width:"100%",background:"#000",opacity:"0.4",overflow:"hidden"})
jQuery(this).next().css({position:"absolute",margin:"0",padding:"0",zIndex:"2",bottom:"0",left:"0",height:_this.height,lineHeight:_this.height,textIndent:"5px",width:"100%",textDecoration:"none",fontSize:_this.size,color:"#FFFFFF",background:"none",zIndex:"1",opacity:"1",overflow:"hidden"})
if(i!= 0){jQuery(this).hide().next().hide()}
});

this.slide();
this.addhover();
t = setInterval(this.autoplay,this.config.time);
}

this.slide = function(){
jQuery(this.obj + " div a").mouseover(function(){
_this.j = jQuery(this).text() - 1;
_this.n = _this.j;
if (_this.j >= _this.count){return;}
jQuery(_this.obj + " li").hide();
jQuery(_this.obj + " p").hide();
jQuery(_this.obj + " li").eq(_this.j).fadeIn("slow");
jQuery(_this.obj + " li").eq(_this.j).find("p").show();
_this.resetclass(_this.obj + " div a",_this.j);
});
}

this.addhover = function(){
jQuery(this.obj).hover(function(){clearInterval(t);}, function(){t = setInterval(_this.autoplay,_this.config.time)});
}

this.autoplay = function(){
_this.n = _this.n >= (_this.count - 1) ? 0 : ++_this.n;
jQuery(_this.obj + " div a").eq(_this.n).trigger('mouseover');
}

this.resetclass =function(obj,i){
jQuery(obj).css({float:"left",marginRight:"3px",width:"15px",height:"14px",lineHeight:"15px",textAlign:"center",fontWeight:"800",fontSize:"12px",color:"#000",background:"#FFFFFF",cursor:"pointer"});
jQuery(obj).eq(i).css({color:"#FFFFFF",background:"#FF7D01",textDecoration:"none"});
}

this.factory();
}

</script>
<ul class="slideplay" id="pub_slideplay">
<li><a target="_blank" href="#"><img alt="" src="images/downstage/flash1.jpg" />
<p></p>
</a></li>
<li><a target="_blank" href="#"><img alt="" src="images/downstage/flash3.jpg" />
<p></p>
</a></li>

</ul>
<script type="text/javascript">new dk_slideplayer("#pub_slideplay",{width:"725px",height:"137px",fontsize:"12px",time:"5000"});</script>
最后一句话修改图片大小
最后一句话上面 的ul里修改图片路径
可以添加<li>和删除<li>来控制图片数量

㈣ jquery缩略轮播与后台(java)交互,图片路径是从后台(java)获取的,跪谢

可以用jquery ajax请求后台获取图片路径然后再处理啊

㈤ 急!急!急!ASP+JAVA代码的图片轮播,求解

回答来好源几次了,,自已看吧
http://..com/question/397583485.html?oldq=1

㈥ 首页轮播图片怎么修改,包括先后顺序的修改

我通过火狐查看,你的第一张轮播图片是 .main_image li .img_2这个样式的,回相应的把这个样式内的图片地址换掉即可答
把这段替换掉你新的图片地址(/upload/20150317/merchant/9a1f6/36010/.png)

㈦ java web 怎么统计某个图片在前端页面展示的次数 图片在前端以轮播的形式展示

当图片展示的时候用ajax向后台传值证明展示了一次。后台不就可以统计次数了

㈧ 我想用JavaScript做一个图片轮播

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>img{display:none;}
.btn{border:1px solid black;width:30px;height:30px;display:inline;margin-right:5px;}
</style>
<script>
var index=1;//当前显示的图片索引(1-5)
var timer;
function switchImg(){
// 当前这一张隐藏
document.getElementById("img"+index).style.display="none";

// 如果当前显示的图片索引没有到最大值就继续增加
if(index<5){index++;}
// 否则从第一个图片开始显示,索引从0开始
else{index=1;}
// 显示第index张
document.getElementById("img"+index).style.display="block";

// 下一秒,再执行本方法
timer = window.setTimeout("switchImg()",1000);
}

</script>
</head>

<body onload="switchImg()">

<!--放五张图,构造一个ImageList-->
<div style="border:1px solid black;width:300px;height:100px;">
<img id="img1" src="back1.jpg">
<img id="img2" src="back2.jpg">
<img id="img3" src="logo.gif">
<img id="img4" src="shop.gif">
<img id="img5" src="shop2.gif">
</div>
<div id="btn1" onclick="manuImg()"></div>
<div id="btn2"></div>
<div id="btn3"></div>
<div id="btn4"></div>
<div id="btn5"></div>
</body>
</html>
这样就可以图片轮换咯.

㈨ 求实现一个图片轮播效果

㈩ java myeclipse软件 可以实现图片轮播吗

这个和MyEclipse没什么关系,但是也可以编辑。实现这个功能的是htm+css+javascript。这三个不是编译型语言,使用普通的版编辑器就行,权最简单的是windows的记事本。编写完成后把后缀名改成.html就行。

阅读全文

与java图片轮播相关的资料

热点内容
苹果4s的质量怎么样 浏览:894
黄梅戏大数据 浏览:170
od家的微信 浏览:751
oracle数据库版本查询 浏览:782
大数据ppt模板下载 浏览:1000
网盘怎样设置密码 浏览:403
音频工具酷 浏览:837
三规合一大数据 浏览:863
微信群里三方视频教程 浏览:348
荣耀6plus系统更新 浏览:696
苹果手机的照片怎么传到安卓手机 浏览:854
怎么卸载系统自带软件 浏览:869
发布关于运用大数据 浏览:400
vb6判断文件后缀 浏览:549
6s升级ios10电信4g慢 浏览:732
网络的特点 浏览:586
dedev57漏洞工具下载 浏览:286
win10用户加密码 浏览:111
5s拆屏幕教程视频 浏览:511
微信支付宝语音笑话 浏览:992