导航:首页 > 万维百科 > 网页设计wb放多张图片程序

网页设计wb放多张图片程序

发布时间:2021-02-08 14:29:35

1、网页设计中怎么让一张图片填充满整个画面 求代码

CSS背景抄代码 :body { background:#fff url(images/bg.jpg) repeat-x center top;}

上面就是当前网页使用images下的bg.jpg做为背景 。repeat-x 横向重复.你可以测试 一下。

2、在网页设计中 想让几张图片 像幻灯片放映 该如何做?

用时间轴和层,隐藏和显示,或者用时间轴和直接的图像交换行为结合

3、javascript 网页设计 怎么在同一位置显示几张不同的图片(图片自动变换)。

<script>
var arr=new Array()
arr[0]="1.jpg"; //这里放图片路径
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
var i=0;
function image_()
{
var ima=document.getElementById("image");
ima.src=arr[i]
i++;
if(i==5)
i=0
setTimeout("image_()",1000) //一秒钟调用一次
}

</script>
<body onLoad="image_()">
<img id="image" src="1.jpg" width="140" height="105">
</body>

4、网页设计中如何设置两张图片每隔几秒循环切换怎么写代码

//下面是可配置轮播动画代码
$.fn.slide=function(options){
var defaults= {
affect:1, //1:上下滚动; 2:幕布式; 3:左右滚动;4:淡入淡出
time: 5000, //间隔时间
speed:500, //动画快慢
dot_text:true,//按钮上有无序列号
};
var opts=$.extend(defaults,options);

var $this=$(this);
var ool=$("<div class='dot'><p></p></div>");
var $box=$this.find("ul");
var $li=$box.find("li");
var timer=null;
var num=0;

$this.append(ool);
$box.find("li").each(function(i){
ool.find("p").append($("<b></b>"));
if(opts.dot_text){
ool.find("b").eq(i).html(i+1)
}
})
ool.find("b").eq(0).addClass("cur");
switch(opts.affect){
case 1:
break;
case 2:
$box.find("li").css("display","none");
break;
case 3:
$box.css({"width":$li.eq(0).width()*$li.length});
$li.css("float","left");
break;
case 4:
$box.find("li").css("display","none");
break;
}
$box.find("li").eq(0).show(0);
ool.find("b").mouseover(function(){
num=$(this).index();
run ();
})
timer=setInterval(auto,opts.time);
function auto(){
num<$box.find("li").length-1?num++:num=0;
run();
}
function run(){
ool.find("b").eq(num).addClass("cur").siblings().removeClass("cur");
switch(opts.affect){
case 1:
$box.stop(true,false).animate({"top":-240*num},opts.speed);
break;
case 2:
$box.find("li").css({"position":"absolute"});
$box.find("li").stop(false,true).fadeOut(opts.speed).eq(num).slideDown(opts.speed);
break;
case 3:
$box.stop(true,false).animate({"left":-670*num},opts.speed);
break;
case 4:
$box.find("li").css({"position":"absolute"});
$box.find("li").stop(false,true).fadeOut(opts.speed).eq(num).fadeIn(opts.speed);
break;
}
}
$this.mouseover(function(){
clearInterval(timer);
})
$this.mouseout(function(){
timer=setInterval(auto,opts.time);
})
}
}(jQuery));

5、求一个做好的网页设计,要求有5个超链接以上,多张图片,有其他页面,超链接能跳转。内容随意。

给别人做了一些作业,按你说的描述,没有其他要求的话,很多符合,不知道你要不要

6、我想做个网页,页面显示一张大图片,共有多张大图,下面两个按钮分别是上一张和下一张,用来切换多张图片

发图上来吧。我可以帮你!!

7、网页设计图片多个图片横排的的问题!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.aa img {
height: 150px;
width: 115px;
}
.aa li {
float: left;
margin-right: 10px;
list-style-type: none;
}
.aa {
width: 1200px;
height: 200px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>

<body>
<div class="aa">
<ul>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
</ul>
</div>
</body>
</html>

这段代码里面的图片路径改一下,是这种效果吗?希望也可以帮助到你

8、网页设计 看到很多背景图片很多张在一起的怎么使用?

那是图片截取方式
css背景图代码有的
background:url("../img/Rbut.gif") 100px 50px no-repeat;
100px 截取从左向右100像素的距离回之后的答显示的部分
50px 截取从上到下50像素的距离之后的显示的部分

这两个参数等于是坐标

9、我想问一下如何在网页设计中使多张图片做成这样重叠在一张图片的位置上,最上面的图片上写着总共有多少张

一共39张图片叠加,左面一张,右上方一张,右下方37张照片,现在主流的软件都可以这样叠加,图片是杨幂的三生三世十里桃花的电视剧的剧照。

与网页设计wb放多张图片程序相关的知识