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

如何用Dreamweaver制作网页动态展示的图片?
如何用DW制作类似这个网页http://www.lgyy.cn/zhuanti/mujuan/左上角和底部这两组动态展示的图片;最好是用DW直接操作而不用写代码的。本人刚接触DW,不是很熟练,请详细点说明步骤,多谢各位大虾了!
如果有详细讲解的视频教程也可发个网址过来啊,谢谢啦..
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;

试试这个图片切换

有12345数字一起切兆数换

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

里面有教程和源码


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

发网址百度就把凳芦答案封了。
学校记了但是现在忘了....不过书上有
我以前会,不过现在忘记了,哈,其实都可以在网上找到
← 上一篇: 下一篇: →