怎么制作網(wǎng)頁(yè)圖片

問(wèn)題
列表

網(wǎng)頁(yè)設(shè)計(jì)中如何讓圖片輪播

查看答案>>
網(wǎng)頁(yè)設(shè)計(jì)中邊框里的圖片如何控制其大小？

查看答案>>
網(wǎng)頁(yè)制作怎么把圖片居中

查看答案>>
怎么把Dreamweaver制作好的網(wǎng)頁(yè)轉(zhuǎn)換成圖片格式

查看答案>>
如何用Dreamweaver制作網(wǎng)頁(yè)動(dòng)態(tài)展示的圖片？

查看答案>>
制作網(wǎng)頁(yè)時(shí)如何給圖片設(shè)置熱區(qū)鏈接

查看答案>>
制作網(wǎng)頁(yè)時(shí)表格怎樣用圖片作背景

查看答案>>
如何做網(wǎng)頁(yè)圖片的滑動(dòng)效果

查看答案>>
網(wǎng)站怎么做圖片輪播

查看答案>>
制作網(wǎng)頁(yè)怎樣把背景圖片鋪滿

查看答案>>

網(wǎng)頁(yè)設(shè)計(jì)中如何讓圖片輪播

網(wǎng)頁(yè)設(shè)計(jì)中讓圖片輪播，需要用到的JS和比較好的div+css布局意識(shí)，主要還是需要了解left，top在css中的意思，這里我提交一段我以前寫的代碼； html中的代碼：<div id="box"> <div id="woZaiHouDun" class='hide' > <a id="btnLeft" href='javascript:void(0);'> </a> <a id="btnRight" href='javascript:void(0);'> </a> <ul> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> </ul> </div>js中的代碼：ar t=null;function woZaiHouDun(){ var oUl = document.getElementById('woZaiHouDun').getElementsByTagName('ul')[0]; var aLi = oUl.getElementsByTagName('li'); oUl.innerHTML += oUl.innerHTML; oUl.style.width = aLi[0].offsetWidth*aLi.length + 'px'; var oBtnLeft = document.getElementById('btnLeft'); var oBtnRight = document.getElementById('btnRight'); var iTarget = 0; var ispeed = -3; oBtnLeft.onclick = function(){ ispeed = 3; } oBtnRight.onclick = function(){ ispeed = -3; } t=setInterval(function(){ iTarget = oUl.offsetLeft -ispeed; if( iTarget < - oUl.offsetWidth/2){ oUl.style.left =0 +'px'; iTarget = oUl.offsetLeft -ispeed; } if( iTarget > 0){ oUl.style.left =- oUl.offsetWidth/2 +'px'; iTarget = oUl.offsetLeft -ispeed; } oUl.style.left =iTarget +'px'; },30)}這樣是能實(shí)現(xiàn)輪播的。

1 有幫助？展開(kāi)

網(wǎng)頁(yè)設(shè)計(jì)中邊框里的圖片如何控制其大小？

　　可以在css文件里設(shè)置圖片的長(zhǎng)寬及圖片的浮動(dòng)等各種特效。即用width、和height強(qiáng)制改變圖片的大小。如：　　.a{background:url(tupian.jpg);width=20px;height=20px;} 說(shuō)明：.a是類選擇器，調(diào)用時(shí)<標(biāo)簽名 class="類名">（這里類名為a），url里面是圖片的位置及名稱。width、height即強(qiáng)制改變的圖片的大小。　　還有一種方式是可以借助電腦的畫圖工具將圖片的大小改成目標(biāo)大小，然后保存后也可以直接調(diào)用圖片。

0 有幫助？展開(kāi)

網(wǎng)頁(yè)制作怎么把圖片居中

0 有幫助？展開(kāi)

怎么把Dreamweaver制作好的網(wǎng)頁(yè)轉(zhuǎn)換成圖片格式

Dreamweaver 不可以,但360瀏覽器可以你用360打開(kāi),點(diǎn)文件--存儲(chǔ)為圖片,或者截圖去!

0 有幫助？展開(kāi)

如何用Dreamweaver制作網(wǎng)頁(yè)動(dòng)態(tài)展示的圖片？

dw中可以用組圖輪播的方式實(shí)現(xiàn)動(dòng)態(tài)展示圖片。參考：在DW中插入一個(gè)圖片，然后回車重復(fù)步驟1直到所有圖片添加完成選擇所有圖片，格式菜單－〉列表－〉項(xiàng)目列表，制作一個(gè)圖片列表然后再插入一個(gè)div，id命名為“LunBoNum”，在div內(nèi)寫入代碼如下：<span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span>插入一個(gè)新id為“LunBo”的div，并包含如上全部?jī)?nèi)容，代碼如下：<div class="LunBo"><ul><li class="CurrentPic"><img src="images/1.png" width="490" height="170"></li><li><img src="images/2.jpg" width="490" height="170"></li><li><img src="images/3.jpg" width="490" height="170"></li><li><img src="images/4.jpg" width="490" height="170"></li><li><img src="images/5.png" width="490" height="170"></li></ul><div class="LunBoNum"><span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>在網(wǎng)頁(yè)的<head></head>代碼間加入jQuery框架鏈接<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>編寫JS代碼如下<script type="text/javascript" language="javascript">var PicTotal = 5;// 當(dāng)前圖片總數(shù)var CurrentIndex;// 當(dāng)前鼠標(biāo)點(diǎn)擊圖片索引var ToDisplayPicNumber = 0;// 自動(dòng)播放時(shí)的圖片索引$("div.LunBo div.LunBoNum span").click(DisplayPic);function DisplayPic() {// 測(cè)試是父親的第幾個(gè)兒子CurrentIndex = $(this).index();// 刪除所有同級(jí)兄弟的類屬性$(this).parent().children().removeClass("CurrentNum")// 為當(dāng)前元素添加類$(this).addClass("CurrentNum");// 隱藏全部圖片var Pic = $(this).parent().parent().children("ul");$(Pic).children().hide();// 顯示指定圖片$(Pic).children("li").eq(CurrentIndex).show();}function PicNumClick() {$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;setTimeout("PicNumClick()",1000);}setTimeout("PicNumClick()",1000);</script>鏈接CSS文件，文件內(nèi)容如下* {margin: 0px;padding: 0px;font-size: 14px;}div.LunBo {position: relative;list-style-type: none;height: 170px;width: 490px;}div.LunBo ul li {position: absolute;height: 170px;width: 490px;left: 0px;top: 0px;display: none;}div.LunBo ul li.CurrentPic {display: block;}div.LunBo div.LunBoNum {position: absolute;left: 374px;bottom: 11px;width: 83px;text-align: right;background-color: #999;padding-left: 10px;}div.LunBo div.LunBoNum span {height: 20px;width: 15px;display: block;line-height: 20px;text-align: center;margin-top: 5px;margin-bottom: 5px;float: left;cursor: pointer;}div.LunBo div.LunBoNum span.CurrentNum {background-color: #3F6;

0 有幫助？展開(kāi)

制作網(wǎng)頁(yè)時(shí)如何給圖片設(shè)置熱區(qū)鏈接

一、在Dreamweaver MX中為圖片建立熱區(qū) 1、啟動(dòng)Dreamweaver MX（其他版本請(qǐng)仿照操作），打開(kāi)需要建立圖片熱區(qū)的網(wǎng)頁(yè)文件，選中相應(yīng)的圖片，此時(shí)“屬性”面板自動(dòng)切換到“圖片屬性”狀態(tài)（如圖1）。 2、選中一種熱區(qū)類型（如“橢圓”），然后在圖片上拖來(lái)出一個(gè)熱區(qū)來(lái)（參見(jiàn)圖1）注意：熱區(qū)相當(dāng)于是在圖片上增加了一個(gè)圖形層，象調(diào)整圖片一樣，可以通過(guò)鼠標(biāo)調(diào)整熱區(qū)的大小和位置。 3、在“鏈接”右邊的方框中輸入要鏈接的網(wǎng)址（如“ http://www.yesky.com ”）；在“替代”后面的方框中輸入一些說(shuō)明字符（如“天極網(wǎng)”）；按“目標(biāo)”右邊的下拉按鈕，在隨后出現(xiàn)的下拉列表中選擇一種鏈接頁(yè)面的打開(kāi)方式（如需要讓鏈接的頁(yè)面在新窗口中打開(kāi)，就選擇“_blank”選項(xiàng)）。注意：“替代”方框中輸入的字符，在以后瀏覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)指向該熱區(qū)時(shí)，在頁(yè)面上會(huì)顯示出該字符（如圖2）。 4、重復(fù)上述2、3步的操作，在圖片的不同部位建立多個(gè)熱區(qū)。在FrontPage2003中為圖片建立熱區(qū) 1、啟動(dòng)FrontPage2003，打開(kāi)需要建立圖片熱區(qū)的網(wǎng)頁(yè)文件。 2、執(zhí)行“視圖→工具欄→圖片”命令，展開(kāi)“圖片”工具欄 3、選中一種熱區(qū)類型（如“長(zhǎng)方形”），然后在圖片上拖來(lái)出一個(gè)熱區(qū)，此時(shí)系統(tǒng)自動(dòng)彈出“插入超鏈接”對(duì)話框 4、在“地址”欄上輸入要鏈接的網(wǎng)址;點(diǎn)擊“屏幕提示”按鈕打開(kāi)“設(shè)置屏幕超鏈接提示”對(duì)話框，輸入一些說(shuō)明字符注意：此處的“屏幕提示”同Dreamweaver MX“替代”功能一樣。 4、同理，重復(fù)上述3、4步的操作，可以在圖片的不同部位建立多個(gè)熱區(qū)。

1 有幫助？展開(kāi)

制作網(wǎng)頁(yè)時(shí)表格怎樣用圖片作背景

0 有幫助？展開(kāi)

如何做網(wǎng)頁(yè)圖片的滑動(dòng)效果

http://jingyan.baidu.com/article/e4511cf3122da32b845eafb3.html樓主你好，由于你的問(wèn)題比較大，要跟你講的東西太多，所以直接給你連接，你可以看到具體的操作步驟，。

0 有幫助？展開(kāi)

網(wǎng)站怎么做圖片輪播

有賞是什么賞呢。。。6000財(cái)富值也就10塊錢而已O(∩_∩)O~重要位置都給你做好了代碼解釋非常完善<!doctype html><html><head><meta charset="utf-8"><title>簡(jiǎn)單的自動(dòng)播放</title><style>body{ margin:0px; padding:0px;}#banner{ margin:auto; width:600px; height:300px; border:1px solid #ddd; position:relative;}#banner img{ width:100%; height:100%;}#xd{ position:absolute; right:0px; bottom:0px;}#xd span{display:block; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer;}#xd span:hover{color:#069;}.xd1{color:#eee;}.xd2{color:#069;}#foot{ text-align:center; font-size:14px;}</style></head><body><div id="banner"><img id="imgs" src="images/b1.jpg"><div id="xd"><span class="xd2">●</span><span class="xd1">●</span><span class="xd1">●</span><span class="xd1">●</span><span class="xd1">●</span><span class="xd1">●</span></div></div><div id="foot"><a href="http://www.boaer.com">柏艾爾</a></div><script>var timer=setInterval("AutoPlay()",1300);//全局變量，定義定時(shí)器，每隔1300毫秒執(zhí)行一次AutoPlay()函數(shù)var p=1;//全局變量，存儲(chǔ)當(dāng)前播放的第幾張圖片var xdspan=document.getElementById("xd").getElementsByTagName("span");//獲取xd下的所有span標(biāo)簽var xdspanlength=xdspan.length;//獲取span標(biāo)簽的數(shù)量for(var i=0;i<xdspanlength;i++){ xdspan.item(i).onclick=function(){//通過(guò)for循環(huán)為所有span標(biāo)簽添加點(diǎn)擊事件 for(var i=0;i<xdspanlength;i++){//通過(guò)for循環(huán)為所有span標(biāo)簽設(shè)置class="xd1" xdspan.item(i).className="xd1"; } this.className="xd2";//設(shè)置點(diǎn)擊的span標(biāo)簽class="xd2" for(var i=0;i<xdspanlength;i++){ if(xdspan.item(i).className=="xd2"){//通過(guò)for循環(huán)判斷當(dāng)前點(diǎn)擊的是第幾個(gè)小圓點(diǎn)，然后修改圖片地址 document.getElementById("imgs").src='images/b'+(i+1)+'.jpg'; p=i+1;////全局變量，存儲(chǔ)當(dāng)前播放的第幾張圖片，以便從當(dāng)前圖片開(kāi)始播放下一張圖片 } } } }function AutoPlay(){//自動(dòng)播放函數(shù) if(p>=7){p=1;}//只有6張圖片，當(dāng)p大于等于7時(shí)就從第一張圖片開(kāi)始 for(var i=0;i<xdspanlength;i++){//通過(guò)for循環(huán)為所有span標(biāo)簽設(shè)置class="xd1" xdspan.item(i).className="xd1"; } xdspan.item(p-1).className="xd2";//設(shè)置當(dāng)前播放的span標(biāo)簽class="xd2" document.getElementById("imgs").src='images/b'+p+'.jpg';//修改圖片地址 p++; }document.getElementById("banner").onmouseover=function(){clearInterval(timer);}//當(dāng)鼠標(biāo)移入輪播區(qū)域時(shí)，停止自動(dòng)播放document.getElementById("banner").onmouseout=function(){timer=setInterval("AutoPlay()",1300);}//當(dāng)鼠標(biāo)移出輪播區(qū)域時(shí)，繼續(xù)自動(dòng)播放</script></body></html>width:600px; height:300px對(duì)應(yīng)的width是寬度 height是高度自行調(diào)整即可

2 有幫助？展開(kāi)

制作網(wǎng)頁(yè)怎樣把背景圖片鋪滿

<body style="background:url(../images/body_bg.jpg) repeat ">把這句替換你的頁(yè)面中的<body>意思是整個(gè)頁(yè)面都設(shè)置body_bg.jpg這張圖片作為背景圖片并全屏平鋪.若只想往左邊平鋪的話呢.則把里面的repeat替換成repeat-x,若只想往下平鋪呢,則把repeat替換成repear-y 為什么用了你的代碼后背景圖片沒(méi)了？全是白的 (images/body_bg.jpg)注意此處的路徑.看是根目錄images文件下的body_bg.jpg背景圖片.根據(jù)你自己的情況進(jìn)行修改就可以了

0 有幫助？展開(kāi)