Dreamweaver怎么制作点击小图显示大图的效果
这个是用层实现的,鼠标点击小图片放大的原理是设置了一个mouseonclick事件,具体事件是将小图片隐藏,然后大图片显示,大小图片是用层来实现的,然后在层的设置那里,有一个眼睛的图标,你点击显示还是隐藏就可以看到效果了,如果是放大那么小图片是第一层,大图片是第二层,不要把顺序搞反了,不然会有遮盖,
先弄两张图一大一小,小的1.jpg,大的2.jpg,然后插入1.jpg,在图片属性的链接里选2.jpg,窗口目标设成_blank
补充下:
不用这个方法的
网页设计 图片滚动代码
素材的准备。为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的图片是必不可少的。同理,准备了一些与网页主题密切相关的图片,用于做为实现图片滚动效果的素材。
打开Dreamweaver8,新建一网页文件,并保存为名为“index.html"文件。
切换至代码编辑界面,输入如下代码:
<body><div id="photo-list"
优秀网页设计鉴赏 创意图片素材
推荐几个非常漂亮的素材网站吧
大图网 一个非常优秀的免费素材网站,优点是素材的质量比较好
爱图网 一个很老的素材网站 素材也比较多 素材比较全
思缘论坛 非常多的影楼素材,PS素材,和设计素材, 也可以学习PS教程和设计技巧
站酷 非常不错的设计师交流
多乐士家易涂的手绘画,可以帮到你
最新文章
----2021-09-26
----2021-09-26
----2021-09-26
----2021-09-26
----2021-09-26