Js小案列

本文介绍了两个JavaScript实现的网页交互案例。第一个案例是通过JS实现点击图片更换网页背景,包括HTML结构设定、CSS样式及JS交互逻辑。第二个案例是创建简单的图片轮播效果,涉及div布局、CSS动画以及JS控制图片滑动,通过计算偏移量实现不同图片间的平滑过渡。
摘要由CSDN通过智能技术生成

1、共有两个小案例,第一个小案列是换网页背景图片,第一步是新建一个HTML文件,然后在bady中设置你要更换的网页背景,插入div,给div设置一个id命名为name,在div中插入p标签,最后在p标签中设置img标签插入你的图片。

 

2、接着设置css样式,设置name、p、img的样式。

 

3、最后设置js的样式,获取到图的id设置点击图片换背景。

    

4、第二个小案列是简单的轮播,第一步和上面的一样插入div,给div设置类和id,再添加style:left:-500px;。

5、然后再用ul、li、a、img标签,图片顺序5123451。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值