您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery图文特效 > 正文

jQuery九宫格鼠标悬停图文切换效果

2015-03-23 10:03:12 作者:天外飞仙 人气:795 Views

jQuery九宫格鼠标悬停图文切换效果
20150323220303
部分js代码

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript">$(document).ready(function(){ var m=0; $(".mindiv").hover(function(){ m = $(this).val(); if(m>0){ $(this).children(".divbox").stop(true, true).animate({"top":"0%"},200); m=m-1; }else{ $(this).children(".divbox").stop(true, true).animate({"top":"-100%"},200); m=m+1; } },function(){ $(this).attr("value",m); }); });</script>

下载地址
预览地址

链接:http://www.jqueryba.com/5334.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!