jquery实现鼠标左右移动动画特效

来源:https://www.sucaihuo.com/js/1763.html 2017-04-20 16:12浏览(1461) 收藏

jquery实现鼠标左右移动动画特效

jquery实现鼠标左右移动动画特效是一款非常实用的作品,专门为产品下载宣传页面而生,如果公司缺乏前端和美工设置的话,直接就可以拿这个作品用,把相应的素材换成自己的就好,页面简洁大气,效果很炫。。。
jquery实现鼠标左右移动动画特效
分类:图片代码 > 鼠标滑过 难易:
查看演示 下载资源 下载积分: 20 积分

首先要引入

<script src="style/js/jquery.min.js"></script>
		<script src="style/js/cav.js"></script>
		<script src="style/js/backgroundShaking.js"></script>
<link rel="stylesheet" href="style/css/common.css" media="screen" />
		<link rel="stylesheet" href="style/css/download.css" media="screen" />

左右的鼠标#container_left/#container_right移动

<div class="bg-wrapper"> <div class="bg" id="container_left"> <div id="canvas_left"></div> </div> <div class="mask"></div> </div> <div class="bg-wrapper"> <div class="bg" id="container_right"> <div id="canvas_right"></div> </div> <div class="mask"></div> </div> $(function() { backgroundShaking('container_left', 'canvas_left', '#0065a1', '#197bb5') backgroundShaking('container_right', 'canvas_right', '#ab6c11', '#cfa73a') })

评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2