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張照片,現在主流的軟體都可以這樣疊加,圖片是楊冪的三生三世十里桃花的電視劇的劇照。