java轮播图片代码 java实现轮播图
图片轮播的代码
titlejavascript图片轮换/title
style type="text/css"
#album{
position:relative;
width:400px;
height:300px;
border:10px solid #EFEFDA;
overflow:hidden;
}
#album dt {
margin:0;
padding:0;
width:400px;
height:300px;
overflow:hidden;
}
#album img {
border:2px solid #000;
}
#album dd {
position:absolute;
right:0px;
bottom:10px;
}
#album a {
display:block;
float:left;
margin-right:10px;
width:15px;
height:15px;
line-height:15px;
text-align:center;
text-decoration:none;
color:#808080;
background:transparent url(/jscss/demoimg/200910/o_button.gif) no-repeat -15px 0;
}
#album a:hover ,#album a.hover{
color:#F8F8F8;
background-position:0 0;
}
/styledl id="album"
dt
img id="index1" alt=余秋的黄昏" src="/jscss/demoimg/wall3.jpg" /
img id="index2" alt="美丽欧洲" src="/jscss/demoimg/wall4.jpg" /
img id="index3" alt="巨石阵的神秘" src="/jscss/demoimg/wall5.jpg" /
/dt
dd
a href="#index1"1/aa href="#index2"2/aa href="#index3"3/a
/dd
/dl
script type="text/javascript"
function imageRotater(id){
var cases = "",
album = document.getElementById(id),
images = album.getElementsByTagName("img"),
links = album.getElementsByTagName("a"),
dt = album.getElementsByTagName("dt")[0],
length = images.length,
aIndex = 1,
aBefore = length;
for(var i=0;i length;i++){
cases += images[i].id + ':"'+images[i].getAttribute("src")+'",'
}
images[0].style.cssText = "position:absolute;top:0;left:0;";//修正图片位置错误
var tip = document.createElement("dd");
tip.style.cssText = "position:absolute;bottom:0;height:20px;width:380px;padding:10px;color:#fff;background:#fff;";
album.insertBefore(tip,dt.nextSibling);
if(!+"\v1"){
tip.style.color = "#369";
tip.style.filter = "alpha(opacity=67)"
}else{
tip.style.cssText += "background: rgba(164, 173, 183, .65);"
}
cases = eval("({"+cases.replace(/,$/,"")+"})");
for(var i=0;ilength;i++){
links[i].onclick = function(e){
e =e || window.event;
var index = this.toString().split("#")[1];
aIndex = index.charAt(index.length-1);//☆☆☆☆
images[0].src = cases[index];
tip.innerHTML = images[aIndex -1].getAttribute("alt");
!+"\v1" ?(e.returnValue = false) :(e.preventDefault());
}
}
var prefix = images[0].id.substr(0,images[0].id.length -1);
(function(){
setTimeout(function(){
if(aIndex length){
aIndex = 1;
}
images[0].src = cases[prefix+aIndex];
tip.innerHTML = images[aIndex -1].getAttribute("alt");
tip.style.bottom = "-40px";
links[aBefore-1].className = "";
links[aIndex-1].className = "hover";
aBefore = aIndex;
aIndex++;
move(tip);
setTimeout(arguments.callee,1500)
},1500)
})()
var move = function(el){
var begin = parseFloat(el.style.bottom),
speed = 1;
el.bottom = begin;
(function(){
setTimeout(function(){
el.style.bottom = el.bottom + speed + "px";
el.bottom += speed;
speed *= 1.5;//下一次移动的距离
if(el.bottom = 0){
el.style.bottom = "0px";
}else{
setTimeout(arguments.callee,23);
}
},25)
})()
}
}
window.onload = function(){
try{document.execCommand("BackgroundImageCache", false, true);}catch(e){};
imageRotater("album");
}
/script
java图形界面实现图片自动轮播
现在没空帮你写代码了,给你个思路自己写吧!轮播肯定是要切换图片的,并且一般切换的时候是从左到右或从右到左慢慢切的,所以你定义一个图片地址数组,再定义两个jlabel用来显示图片,一个JLabel显示当前图片,另一个显示最新图片!好了,现在你定义一个timer定时器来切换,每隔两秒,就判断一下最新的图片是哪个jlabel,然后将另一个jlabel填充新的图片,然后setlocation()来移动图片,x坐标每次向左几个像素,直至移动完成!这样就是一次轮播,当然你需要将两个jlabel放到一个panel中,免得会出现第二个图片多出一截在慢慢移动的情况
java窗体飞机大战两张背景图片滚动循环如何实现,代码
package Task1;
//首先要调用需要的包
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class myFrame extends Frame //窗体类,继承Frame
{
CardLayout cl=new CardLayout(); //定义卡片布局
public void initial() //创建一个窗体
{
this.setBounds(500, 300, 300, 200); //窗体的大小和坐标
this.setTitle("图片自动浏览"); //窗体主题
this.setLayout(cl); //窗体采用的布局方式,上面已经定义了卡片布局,所以这里直接调用即可
this.setVisible(true); //显示窗体
JButton[] jbtn=new JButton[4]; //创建添加图片的数组,有几张图,数据成员就有几个
for(int i=0;i4;i++) //我这里是用循环来添加图片,所以上面要创建数组,当然分开一个一个的添加图片也是可以的
{
jbtn[i]=new JButton();
jbtn[i].setIcon(new ImageIcon("c://"+i+".jpg")); //这是所要添加图片的地址
this.add(jbtn[i],i+""); //显示
}
while(true) //关键的时候到了,如何让图片滚动循环,我这里是用了while循环来写的
{
cl.next(this); //图片的切换,下一张
try{Thread.sleep(3000);} //切换的间隔时间为3秒,也就是3000毫秒
catch(Exception e){}
}
}
public myFrame() //这是固定方法,窗体程序必须写,少了它整个程序完蛋,所以不多做解释
{
initial();
}
}
public class Test { //Test类,我这里是专门写主函数的
public static void main(String[] args) //主函数main
{
myFrame mf=new myFrame(); //实例化调用窗体类myFrame
}
}
ok,完成。程序复制过去以后可能会报错,并不是我写错了,我的有些包名或者类名还有大括号可能与你的不符合,你需要把细节方面的东西再做调试一下,然后在运行。
望采纳
栏 目:Java编程
下一篇:没有了
本文标题:java轮播图片代码 java实现轮播图
本文地址:https://www.xiuzhanwang.com/a1/Javabiancheng/17373.html
您可能感兴趣的文章
阅读排行
本栏相关
- 04-11java轮播图片代码 java实现轮播图
- 04-11Java代码侵入性强 java可以入侵系统吗
- 04-11java源代码大全小程序 java代码源码
- 04-11java代码自动优化 java优化代码常见套
- 04-11java购物车原代码实现 java购物车应该
- 04-10穿梭框后端JAVA代码 穿梭框如何获取右
- 04-10java代码打印信息吗 java打印的代码
- 04-10家电控制系统JAVA代码 家电智能化控制
- 04-10五子棋游戏的java代码 基于java的五子
- 04-10矩阵乘法java代码 java编写矩阵乘法
随机阅读
- 01-10详解数据结构C语言实现之循环队列
- 01-10vbs AD日志开启脚本nableKerbLog的脚本
- 01-10利用Java实现复制Excel工作表功能
- 01-10c++中数字与字符串之间的转换方法(推
- 08-05dedecms列表页标题title后加上页数其标
- 01-11帝国CMS管理员帐号、密码、认证码及
- 01-10C#网络请求与JSON解析的示例代码
- 01-10vbs实现右键菜单中添加CMD HERE
- 01-11.net core高吞吐远程方法如何调用组件
- 01-10C语言实现旅游景点咨询系统