㈠ 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就行。