dw怎么做图片轮播

html-css0340

dw怎么做图片轮播,第1张

dw做图片轮播步骤如下:

1、首先打开你的dw,按快捷键ctrl+n创建一个新的网页。

2、点菜单栏上的表格,插入一个表格。

3、在属性栏设置表格的宽和高,这个表格用于添加轮播广告,所以宽和高都要符合我们的广告图片的宽和高。

4、然后点击插入添加一个可编辑区,这个区域在此例子中没用,只是为了能够保存模板,所以随意加一个即可。

5、点击文件,将该页面存为模板。

6、弹出了另存为模板的对话框。

7、我们接着在这个模板中添加轮播广告。将光标放到你想添加广告的表格。选择命令,kaosweaver,advanced random images。

8、弹出了对话框,我们设置好action和blidetime两个值得大小。random slideshow就是随机广告,blideshow timer指的是几秒钟切换一个图片。点击加号添加按钮。

9、选择你要添加的图片。

10、我添加了两个图片来示范。

11、点击ok以后我们就回到了模板页。你看不到轮播广告的图片,因为你需要新建页面来看。按快捷键ctrl+s保存。

12、我们新建一个页面,按快捷键ctrl+n,在弹出的新建对话框中选择模板。选择banner轮播模板,这是我们刚才新建的模板。

13、创建了页面以后,我们点击拆分按钮,找到你添加图片的地方,我们修改一下图片路径,因为你要在本地测试,所以需要修改到本地的图片地址。

14、接着按快捷键F12,预览。看看第一幅图是刚打开的效果,一秒后自动切换到了第二幅图。

不需要弄到DM里,存到你HTML目录里,引用即可。

假设你的WEB文件夹名字为www,HTML在根目录,那么你可以建一个文件夹把他们放进去,或者直接把这三个货和HTML放在一起。

如果是和HTML同一个目录,则:

CSS在<head></head>中间调用,也就是把下面这一句放到中间。

<head>

你现有代码

<link href="style.css" rel="stylesheet" type="text/css" />

<!--上面一行是添加的-->

</head>

JS的话,建议放在尾部,也就是</body>之前即可。

<script type="text/jscript" src="jquery-1.3.1.min.js"></script>

<script type="text/jscript" src="slider.js"></script>

<!--上面两行是添加的-->

</body>

如果是不同目录,例如www目录下有index.html和新建了个的style文件夹,那么,把上面代码中src="后面加上/style/即可。

另外,看你的样子,是既有jquery特效,还有个幻灯轮播之类的,这两个JS说不定会有冲突哦~~

记得把jquery那个放前面,有时候就直接避免了冲突。

1、简单的实现图片轮播效果(图片修改为真实路径) 2、像一般网站上的 banner 轮播效果,可以直接去CV代码修改来用

在网上找现成的js特效代码吗?那可以复制<body></body>里面的代码,放在网

页指定位置<div></div>中,然后将<script

type="text/javascript"></script>中包含的代码放到前面<head><

/head>中(位置不影响效果,只影响代码美观性),然后把<style

type="text/css"></style>(也就是样式表)中的内容放到网页对应的地方,将属性改到符合你的要求