欢迎您来到平台,我们将致以最亲切的问候和为您提供最贴心的服务!

强大的产品工艺研发能力,为领先的制造,提供可靠的产品和专业服务

专业的服务,满足您一站式

Dreamweaver怎么制作点击小图显示大图的效果(网页设计 图片滚动代码)

作者:木子      发布时间:2021-08-17      浏览量:29343
Dreamweaver怎么制作点击小图显示大图的效果这个是用层实现的,鼠标点击小图片放大的原理是设置了一个mouseonclick事件,具体事件是将小图片隐藏,然后大图片显示,大小图片是用层来实现的,然后在层的设置那里,有一个眼睛的图标,你

Dreamweaver怎么制作点击小图显示大图的效果


这个是用层实现的,鼠标点击小图片放大的原理是设置了一个mouseonclick事件,具体事件是将小图片隐藏,然后大图片显示,大小图片是用层来实现的,然后在层的设置那里,有一个眼睛的图标,你点击显示还是隐藏就可以看到效果了,如果是放大那么小图片是第一层,大图片是第二层,不要把顺序搞反了,不然会有遮盖,

先弄两张图一大一小,小的1.jpg,大的2.jpg,然后插入1.jpg,在图片属性的链接里选2.jpg,窗口目标设成_blank

补充下:

不用这个方法的

网页设计 图片滚动代码


素材的准备。为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的图片是必不可少的。同理,准备了一些与网页主题密切相关的图片,用于做为实现图片滚动效果的素材。

打开Dreamweaver8,新建一网页文件,并保存为名为“index.html"文件。

切换至代码编辑界面,输入如下代码:

<body><div id="photo-list"

优秀网页设计鉴赏 创意图片素材


推荐几个非常漂亮的素材网站吧
大图网 一个非常优秀的免费素材网站,优点是素材的质量比较好
爱图网 一个很老的素材网站 素材也比较多 素材比较全
思缘论坛 非常多的影楼素材,PS素材,和设计素材, 也可以学习PS教程和设计技巧
站酷 非常不错的设计师交流

多乐士家易涂的手绘画,可以帮到你