① 在DW用CSS怎麼做出點擊輪播圖。
打開dw軟體,左上角會有代碼、拆分、設計三個選項,選在代碼,打開在body後插入代碼:<DIV>
J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main',
'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-
750px; HEIGHT: 350px"alt="" align=absMiddle src="圖片地址"></A> <li><A href="鏈接地址"
target=_blank><img style="WIDTH: 750px; HEIGHT: 350px"alt="" align=absMiddle src="圖片地
350px"alt="" align=absMiddle src="圖片地址"></A></li></ul></DIV>
② 怎樣在 Dreamweaver 里實現 圖片輪播的效果~!
1、簡單的實現圖片輪播效果(圖片修改為真實路徑)
<marquee direction=left behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start()>
<img src="../Pictures/190725bxe6si20p66zpzpj.jpg" width="200" height="200" />
<img src="../Pictures/190725bxe6si20p66zpzpj.jpg" width="200" height="200" />
</marquee>
2、像一般網站上的 banner 輪播效果,可以直接去CV代碼修改來用
③ dreamweaver製作圖片輪播
<div class="box">
<div class="shop-slider">
<div class="bd">
<div style="WIDTH: 340px; HEIGHT: 175px" class="slider-promo J_Slider tb-slide">
<ul style="HEIGHT: 175px">
<li><a href="鏈接" target="_blank">
<img border="0" src="請在這加入圖片的地址" width="340" height="175"></a> </li>
<li>
<a href="鏈接" target="_blank">
<img border="0" alt="" src="請在這加入圖片的地址" width="340" height="175"></a> </li>
<li>
<a href="鏈接" target="_blank">
<img border="0" alt="" src="請在這加入圖片的地址" width="340" height="175"></a></li>
<li>
<a href="鏈接" target="_blank">
<img border="0" alt="" src="請在這加入圖片的地址" width="340" height="175"></a></li>
<li>
<a href="鏈接" target="_blank">
<img border="0" alt="" src="請在這加入圖片的地址" width="340" height="175"></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</div>
</div>
④ 在DW中怎麼製作多組輪播圖
網上找一下,有現成的代碼的
⑤ 在DW中怎麼做圖片輪播
用 margin和 li 標簽做 ,但是做出來不能在淘寶上顯示輪播,需要用到專用的淘寶代碼
⑥ 怎麼用dw做一個圖片輪播
摘要 我們打開dw軟體後,新建一個網頁工程文件。
⑦ 用DW怎麼做圖片輪播
如果光用DW簡單的操作的話,要實現你說的圖片輪播是有些困難的了。
一般的,如果要弄你說的這個效果,都要直接手寫JS(javascript)代碼了。
大概就是這樣,也就是如果只用DW操作的話,就不要弄這個效果好了。
⑧ 用Dreamweaver 怎麼做圖片輪播效果
可以看這個視頻很詳細http://v.youku.com/v_playlist/f2859232o1p4.html
不用通過js,只需要可視化操作,非常簡單
⑨ 用dw如何製作圖片輪播效果,超級菜鳥,需要說清楚怎麼用dw操作。還有代碼怎麼放。
怎麼有人用我的回答,請手下留情。
原版的 :
把5張圖片(取名01到05)做好,放入images里,在body里插入
<div >
<script type="text/javascript" src="js/flash.js"></script>
</div>
flash.js如下:
var pic_width=450; //圖片寬度
var pic_height=205; //圖片高度
var button_pos=4; //按扭位置 1左 2右 3上 4下
var stop_time=4000; //圖片停留時間(1000為1秒鍾)
var show_text=0; //是否顯示文字標簽 1顯示 0不顯示
var txtcolor="000000"; //文字色
var bgcolor="DDDDDD"; //背景色
var imag=new Array();
var link=new Array();
var text=new Array();
imag[1]="images/01.jpg";
link[1]="index-welcome.html";
text[1]="標題 1";
imag[2]="images/02.jpg";
link[2]="index-welcome.html";
text[2]="標題 2";
imag[3]="images/03.jpg";
link[3]="index-welcome.html";
text[3]="標題 3";
imag[4]="images/04.jpg";
link[4]="index-welcome.html";
text[4]="標題 4";
imag[5]="images/05.jpg";
link[2]="index-welcome.html";
text[5]="標題 5";
//可編輯內容結束
var swf_height=show_text==1?pic_height+20:pic_height;
var pics="", links="", texts="";
for(var i=1; i<imag.length; i++){
pics=pics+("|"+imag[i]);
links=links+("|"+link[i]);
texts=texts+("|"+text[i]);
}
pics=pics.substring(1);
links=links.substring(1);
texts=texts.substring(1);
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="flash/focus.swf">');
document.write('<param name="quality" value="high"><param name="wmode" value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'">');
document.write('<embed src="flash/focus.swf" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');// JavaScript Document
⑩ 請問dw怎麼設置圖片輪播
圖片輪播都是使用js的。跟dw沒關系。你網上找下圖片輪播特效js