如何用Dreamweaver制作网页动态展示的图片?

2024-10-30 06:21:08
推荐回答(5个)
回答(1):

dw中可以用组图轮播的方式实现动态展示图片。
参考:在DW中插入一个图片,然后回车
重复步骤1直到所有图片添加完成
选择所有图片,格式菜单-〉列表-〉项目列表,制作一个图片列表

然后再插入一个div,id命名为“LunBoNum”,在div内写入代码如下:
1
2
3
4
5
插入一个新id为“LunBo”的div,并包含如上全部内容,代码如下:










1
2
3
4
5


在网页的代码间加入jQuery框架链接
编写JS代码如下

链接CSS文件,文件内容如下
* {
margin: 0px;
padding: 0px;
font-size: 14px;
}
div.LunBo {
position: relative;
list-style-type: none;
height: 170px;
width: 490px;
}
div.LunBo ul li {
position: absolute;
height: 170px;
width: 490px;
left: 0px;
top: 0px;
display: none;
}
div.LunBo ul li.CurrentPic {
display: block;
}
div.LunBo div.LunBoNum {
position: absolute;
left: 374px;
bottom: 11px;
width: 83px;
text-align: right;
background-color: #999;
padding-left: 10px;
}
div.LunBo div.LunBoNum span {
height: 20px;
width: 15px;
display: block;
line-height: 20px;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
float: left;
cursor: pointer;
}
div.LunBo div.LunBoNum span.CurrentNum {
background-color: #3F6;

回答(2):

试试这个图片切换

有12345数字一起切换

鼠标点一下数字会变换到另一张图片,不点就会自动换

里面有教程和源码

回答(3):

到“懒人图库”里下载JS + flash代码,嵌套上你的图片就直接可以用了。
到百度直接搜“懒人图库”。

发网址百度就把答案封了。

回答(4):

学校记了但是现在忘了....不过书上有

回答(5):

我以前会,不过现在忘记了,哈,其实都可以在网上找到