怎样在 Dreamweaver 里实现图片轮播的效果~!

发布网友发布时间：2022-04-22 22:01

共3个回答

热心网友时间：2022-04-06 12:50

2012-02-07 23:29时光昊韵| 六级在代码里面添加特效代码。第一种格式<li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址"></A> <li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址."></A> <li style="DISPLAY: block"><图片地址" target=_blank><img alt="" src="图片地址"></A> <li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址"></A> <li style="DISPLAY: block"><A href="图片地址" target=_blank><img alt="" src="图片地址"></A></li></ul><ul class=lst-trigger><li style="BACKGROUND: #c00">1 <li class=current>2 <li>3<li>4<li>5</li></ul></DIV><图片地址"> 第二中，添加下面的代码（属于简单的）：<td rowSpan=7（自己可改次数） width=426（自己可修改）><IMG style="DISPLAY: block" id=pic3 src="<td rowSpan=7 width=426><IMG style="DISPLAY: block" id=pic3 src="图片地址"> <IMG style="DISPLAY: none" id=pic1 src="image/class1-3.jpg"> <IMG style="DISPLAY: none" id=pic2 src="image/class1-1.jpg"> <IMG style="DISPLAY: none" id=pic4 src="image/class1-4.jpg"> <IMG style="DISPLAY: none" id=pic5 src="image/class1-5.jpg"></td> 这里面是图片地址是举个例子的：src="image/class1-5.jpg" （引号之间的）根据自己图片的地址加以修改就可以。说白了就是在图片的前后加上需要的特效代码就好，让图片滚动的代码就是：<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"> <img border="0" src=" http://要滚动的图片地址1"> <img border="0" src=" http://要滚动的图片地址2"> </marquee> 这是最基础的代码。还有一种就是特效了 <ul> <li id="h1"><a href="javascript:void(0);"><span>1</span></a></li> <li id="h2"><a href="javascript:void(0);"><span>2</span></a></li> <li id="h3"><a href="javascript:void(0);"><span>3</span></a></li> <li id="h4"><a href="javascript:void(0);"><span>4</span></a></li> <li id="h5"><a href="javascript:void(0);"><span>5</span></a></li> </ul> <div id="h1_body"></div> <div id="h2_body"></div> <div id="h3_body"></div> <div id="h4_body"></div> <div id="h5_body"></div> </div>js代码:var p_idx=0;function Photo(path,title,url){ this.Path=path; this.Title=title; this.URL=url;} var photos=[new Photo('SpeakerPhoto/123.jpg','Liu Changchun',213.aspx'),""];//图片用，分割$(function(){ GetPhoto(0,4,$("#h1_body")); GetPhoto(4,4,$("#h2_body")); GetPhoto(8,4,$("#h3_body")); GetPhoto(12,4,$("#h4_body")); GetPhoto(16,2,$("#h5_body"));});function GetPhoto(inx,num,box){ for(var i=0;i<num;i++) { $(box).append('<a href="'+photos[inx].URL+'"><img src="'+photos[inx].Path+'" title="'+photos[inx].Title+'" /></a>'); inx++; }}function GetSinglePhoto(inx){ document.write('<img src="'+photos[inx].Path+'" title="'+photos[inx].Title+'" />');}不知道你需要哪一种？

参考资料：百度知道

热心网友时间：2022-04-06 14:08

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代码修改来用

热心网友时间：2022-04-06 15:42

全部栏目

怎样在 Dreamweaver 里实现 图片轮播的效果~!

怎样在 Dreamweaver 里实现图片轮播的效果~!