用Dreamweaver 怎么做图片轮播效果?

用Dreamweaver 怎么做图片轮播效果?,第1张

js写地哦,假如要代码俺传给您吧!! 449301722@qqcom
使用地俺要本地地images地tp1jpg tp2jpg tp3jpg tp4jpg。。点击后地链接也要本地地。
最佳能有些注释(解释)
<SCRIPT src="您地域名/image/techwebflashjs" type="text/javascript"></SCRIPT>
<!--焦点图开端-->
<DIV id=focusViwer align=left class="nbox_c"> </DIV>
<SCRIPT type=text/javascript>
var focus_width=520
var focus_height=245
var text_height=0
var swf_height = focus_height+text_height
var curhref=documentlocationhref;
var pics='image/1jpg|image/2jpg|image/3jpg|image/4jpg'
var links=''
var texts='|||'
var FocusFlash = new sinaFlash("您地域名/image/pixviewerswf", "focusflash", focus_width, swf_height, "7", "#FFFFFF", false, "High");
FocusFlashaddParam("allowScriptAccess", "sameDomain");
FocusFlashaddParam("menu", "false");
FocusFlashaddParam("wmode", "opaque");
FocusFlashaddVariable("pics", pics);
FocusFlashaddVariable("links", links);
FocusFlashaddVariable("texts", texts);
FocusFlashaddVariable("borderwidth", focus_width);
FocusFlashaddVariable("borderheight", focus_height);
FocusFlashaddVariable("textheight", text_height);
FocusFlashaddVariable("curhref", curhref);
FocusFlashwrite("focusViwer");
</SCRIPT>
<!--焦点图完毕-->
以上是代码,您再去下一个pixviewerswf就行啦啊,您地域名/image/pixviewerswf放在这个位置
代码怎 样使用啊
想在哪使用就放哪呗

<DIV class=custom-area> </DIV><DIV style="HEIGHT: 350px; width:750px;" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll"><ul class=lst-main><li><A href="链接地址" target=_blank><img style="WIDTH: 750px; HEIGHT: 350px"alt="" align=absMiddle src="地址"></A> <li><A href="链接地址" target=_blank><img style="WIDTH: 750px; HEIGHT: 350px"alt="" align=absMiddle src="地址"></A> <li><A href="链接地址" target=_blank><img style="WIDTH: 750px; HEIGHT: 350px"alt="" align=absMiddle src="地址"></A></li></ul></DIV> 就是这样。。

你是要自己写效果吗?网上都有现成的,只需要下载下来修改样式就好
给你两个网址你可以去下载自己想要的效果
>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10259940.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存