『壹』 用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
『貳』 dw8怎麼插入圖片後使兩張圖片自動輪播
打開dw軟體後,新建一個網頁工程文件。
『叄』 DW中如何製作這種圖片循環滾動
滾動文字
marquee 參數:
BGColor:滾動文本框的背景顏色。
Direction:滾動方向設置,可選擇Left、Right、up和down。
scrolldelay:每輪滾動之間的延遲時間,越大越慢。
scrollamount:一次滾動總的時間量,數字越小滾動越慢。
Behaviour:滾動的方式設置,三種取值:Scroll(循環滾動) lide(單次滾動)、Alternate(來回滾動)。
Align:文字的對齊方式設置。可選擇Middle(居中)、Bottom(居下)還是Top(居上)。
Width:滾動文本框的寬度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。
Height:滾動文本框的高度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。
loop:滾動次數。默認為infinite
hspace、vspace:前後、上下的空行。
『肆』 如何用DW製作這種圖片輪播的效果
這個是要css,結合js或者jq,才能做出來的。網路上都有現成的js代碼,可以先學會css,然後自己去套用js代碼就可以了。
『伍』 在DW中怎麼做圖片輪播
用 margin和 li 標簽做 ,但是做出來不能在淘寶上顯示輪播,需要用到專用的淘寶代碼
『陸』 DW裡面想做圖片自動輪播切換的效果,求教!!
用flash做好輪切效果夠 ,在DW中插入-媒體-flash,即可
『柒』 在DW里 怎麼製作輪播 圖片(有沒有不用代碼做的)
9:35:58
伍元富 2016/12/16 9:35:58
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--標准mui.css-->
<link rel="stylesheet" href="../css/mui.min.css">
<!--App自定義的css-->
<link rel="stylesheet" type="text/css" href="../css/app.css"/>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">下方懸浮標題</h1>
</header>
<div class="mui-content">
<ul class="mui-table-view mui-table-view-chevron">
<li id="switch" class="mui-table-view-cell">
定時輪播
<!--<div class="mui-switch">
<div class="mui-switch-handle"></div>
</div>-->
<>
</ul>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 額外增加的一個節點(循環輪播:第一個節點是最後一張輪播) -->
<div class="mui-slider-item mui-slider-item-plicate">
<a href="#">
<img src="../images/yuantiao.jpg">
<p class="mui-slider-title">靜靜看這世界</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="../imagesjiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡覺</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/muwu.jpg">
<p class="mui-slider-title">想要一間這樣的木屋,靜靜的喝咖啡</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/cbd.jpg">
<p class="mui-slider-title">Color of SIP CBD</p>
</a>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/yuantiao.jpg">
<p class="mui-slider-title">靜靜看這世界</p>
</a>
</div>
<!-- 額外增加的一個節點(循環輪播:最後一個節點是第一張輪播) -->
<div class="mui-slider-item mui-slider-item-plicate">
<a href="#">
<img src="../imagesjiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡覺</p>
</a>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
</div>
</body>
<script src="../js/mui.min.js"></script>
<script>
// alert("!!!!!");
var slider = mui("#slider");
slider.slider({
interval: 5000
});
</script>
<ml>
可以供你參考,裡面有詳解
『捌』 dreamweaver如何實現下面這個輪番播放圖片的功能功能,不用代碼直接操作可以嗎
1、輪播效果一般通過javascript的settimeout函數定時運行圖片切換,用dw可以實現
2、不寫代碼法也是行的,在你的瀏覽器上按文件->另存為->網頁/全部->點擊保存
3、dw打開保存下來的htm文件,在設計版面中點擊該輪播處,轉至效果代碼,然後把代碼復制下來,然後用通配符,搜索圖片格式(*.jpg,*.bmp或*.png等)找到該圖片後,換上自己的圖片即可。
4、到網路上搜索輪播效果代碼,同樣可以獲得某些人自己創作的輪播效果。