符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
我给你发一个图片无缝滚动的例子,把图片的路径改改就能运行了:
创新互联建站2013年开创至今,先为武乡等服务建站,武乡等地企业,进行企业商务咨询服务。为武乡企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
html
head
titlemarquee/title
style
#marq {
width:500px;
height:100px;
border:1px solid red;
overflow:hidden;
}
#marq img{
width:100px;
height:70px;
}
/style
/head
body
div id="marq"
table
tr
td id="bd"
table
tr
tdimg src="images/1.jpg"//td
tdimg src="images/2.jpg"//td
tdimg src="images/2.jpg"//td
tdimg src="images/2.jpg"//td
tdimg src="images/2.jpg"//td
tdimg src="images/2.jpg"//td
tdimg src="images/3.jpg"//td
/tr
/table
/td
td id="shadow"
/td
/tr
/table
/div
div id="sh"/div
/body
script
var marq = document.getElementById("marq");
var bd = document.getElementById("bd");
var shadow = document.getElementById("shadow");
var sh = document.getElementById("sh");
shadow.innerHTML = bd.innerHTML;
function mq(){
if (bd.clientWidth - marq.scrollLeft == 0)
marq.scrollLeft = 0
else
marq.scrollLeft++;
sh.innerHTML = "bd width: "+bd.clientWidth+" scrollLeft:"+marq.scrollLeft;
setTimeout("mq()",10);
}
mq();
/script
/html
直接给你一段简单的代码,不懂再问
html
head
title图片滚动 /title
style
#div1
{position:relative;width:650px;height:210px;overflow:hidden;
}
#div2{position:absolute;}
li{float:left;list-style-type:none;padding:5px;}
img{border:none;}
#div2 li a:hover{top:-10px;}
a{position:relative;}
/style
script
window.onload=function()
{
var odiv2=document.getElementById('div2');
var ali=odiv2.getElementsByTagName('li');
var aspeed=-5;
var timer=null;
odiv2.innerHTML+=odiv2.innerHTML;
odiv2.style.width=ali[0].offsetWidth*ali.length+'px';
odiv2.onmouseover=function(){clearInterval(timer);};
function a()
{
timer=setInterval(function()
{
odiv2.style.left=odiv2.offsetLeft+aspeed+'px';
if (odiv2.offsetLeft-odiv2.offsetWidth/2)
{
odiv2.style.left='0px';
}
},30);};
odiv2.onmouseout=a;
a();
}
/script
/head
body
div id='div1'
div id='div2'
lia href=""img src="1.jpg" //a/li
lia href=""img src="2.jpg" //a/li
lia href=""img src="3.jpg" //a/li
lia href=""img src="4.jpg" //a/li
/div
/div
/body
/html
希望能解决您的问题。
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
public class MainJFrame extends JFrame {
public MainJFrame() {
//设置标题
super("JFram设置背景图片(Cannel_2020)");
//设置大小
setSize(500, 400);
//设置位置
setLocation(200, 50);
//背景图片的路径。(相对路径或者绝对路径。本例图片放于"java项目名"的文件下)
String path = "background.jpg";
// 背景图片
ImageIcon background = new ImageIcon(path);
// 把背景图片显示在一个标签里面
JLabel label = new JLabel(background);
// 把标签的大小位置设置为图片刚好填充整个面板
label.setBounds(0, 0, this.getWidth(), this.getHeight());
// 把内容窗格转化为JPanel,否则不能用方法setOpaque()来使内容窗格透明
JPanel imagePanel = (JPanel) this.getContentPane();
imagePanel.setOpaque(false);
// 把背景图片添加到分层窗格的最底层作为背景
this.getLayeredPane().add(label, new Integer(Integer.MIN_VALUE));
//设置可见
setVisible(true);
//点关闭按钮时退出
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
public static void main(String[] args) {
new MainJFrame();
}
}
运行如下
div id=demo style=overflow:hidden;height:707;width:306;background:#fef1fa;div id=demo1img src="yq01.jpg"title="祝雨晴:生日快乐!"img src="yq02.jpg"title="祝雨晴:天天开心!"img src="yq03.jpg"title="祝雨晴:越长越漂亮!"img src="yq04.jpg"title="祝雨晴:每天好心情!"/div
div id=demo2/div
/div
script
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
/script
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,完成。程序复制过去以后可能会报错,并不是我写错了,我的有些包名或者类名还有大括号可能与你的不符合,你需要把细节方面的东西再做调试一下,然后在运行。
望采纳????谢谢!
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import javax.swing.JFrame;
public class DrawTest extends JFrame {
private int x = 50;
private int y = 50;
private Image offScreenImage = null;
@Override
public void paint(Graphics g) {
Color c = g.getColor();
g.setColor(Color.BLACK);
g.fillOval(x, y, 30, 30);
g.setColor(c);
}
public void update(Graphics g) {
if (offScreenImage == null) {
offScreenImage = this.createImage(500, 500);
}
Graphics gOffScreen = offScreenImage.getGraphics();
Color c = gOffScreen.getColor();
gOffScreen.setColor(Color.GREEN);
gOffScreen.fillRect(0, 0, 500, 500);
gOffScreen.setColor(c);
paint(gOffScreen);
g.drawImage(offScreenImage, 0, 0, null);
}
public static void main(String[] args) {
DrawTest d = new DrawTest();
}
public DrawTest() {
init();
addKeyListener(new KeyAdapter() {
public void keyPressed(final KeyEvent e) {
int code = e.getKeyCode();
switch (code) {
case KeyEvent.VK_UP:
y -= 5;
break;
case KeyEvent.VK_RIGHT:
x += 5;
break;
case KeyEvent.VK_DOWN:
y += 5;
break;
case KeyEvent.VK_LEFT:
x -= 5;
break;
}
}
});
}
public void init() {
this.setDefaultCloseOperation(this.EXIT_ON_CLOSE);
this.setBackground(Color.GREEN);
this.setResizable(false);
this.setBounds(140, 140, 500, 500);
this.setVisible(true);
MyThread mt = new MyThread();
new Thread(mt).start();
}
class MyThread implements Runnable {
public void run() {
while (true) {
repaint();
try {
Thread.sleep(100);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}
}
以上