CSS+JS上下浮动左右对联广告特效

html-css032

CSS+JS上下浮动左右对联广告特效,第1张

给你个思路吧

左右对联浮动只用css就可以实现了

设置两个div,设置position属性为fixed

左侧浮动的div,left为0,top设置一定的值

右侧浮动的div,right为0,top设置一定的值

1.打开WPS演示软件,新建一个空白文档,单击菜单栏“插入”——图片。

2.在弹出的“插入图片”对话框中选择好要插入的图片,单击“打开”按钮。

3.现在就可以看到插入的图片,如图所示。

4.选择图片单击右键“设置图片格式”,在弹出的对话框中选择好图片高度,并勾选“锁定纵横比”和“相对与图片的原始尺寸”,单击“确定”按钮。

5.选择图片按住“Ctrl+C”复制,然后按住“Ctrl+V”粘贴图片,并放置在原来图片的上面。

6.选择上层的这一张图片,单击“图片工具”——裁剪,然后裁剪出对联卷轴下面的卷轴。

7.把裁剪后的卷轴移动到如图所示的位置。