图片的摆动效果可以使用jquery来实现， 当鼠标经过图片时， 通过hover事件让图片摆动 。 下面小编举例讲解html hover时候图片摆动怎么做 。
需要这些哦
jquery+html
Adobe Dreamweaver CS5
方式/
1新建一个html文件， 定名为test.html， 用于讲解html hover时辰图片摆动怎么做 。
2在head头部插手jquery-1.3.2.min.js， 用来实现图片摆动的结果 。
3编写html代码， 利用ul的li标签在页面结构四张图片， 以此为例， 实现想要的结果 。
4运行代码， 结果以下:
5 利用js编纂一个用于摆动的函数JumpObj， 代码以下
6 把摆动函数放在一个定名为zzsc.js的JS文件中， 加载入页面 。 代码如下：
7编写js代码， 利用hover事务， 实现图片的摆动 。
8【html hover时候图片摆动怎么做】运行代码， 鼠标颠末图片时， 图片摆动 。
以上内容就是html hover时候图片摆动怎么做的内容啦， 希望对你有所帮助哦！
猜你喜欢
- 快剪辑怎么给视频录音
- 比利牛斯牧羊犬什么时候产仔
- 法国狼犬什么时候产仔
- 吃桂圆的时候泡一杯菊花茶
- 快剪辑怎么旋转视频方向
- 快剪辑怎么给视频添加中英字幕
- 雀梅怎么养
- 安纳托利亚牧羊犬什么时候产仔
- 第一次塑胶跑道出现在奥运会是在哪里 塑胶跑道什么时候发明的
- 快剪辑怎么给视频添加背景音乐