jQuery的鼠标悬停图片边框动画特效.zip

时间:2022-07-31 04:13:44
【文件属性】:

文件名称:jQuery的鼠标悬停图片边框动画特效.zip

文件大小:98KB

文件格式:ZIP

更新时间:2022-07-31 04:13:44

js特效-jQuery的鼠标悬停图片边框动画特效

js代码 [removed] $(function(){ // 边框效果--移入 function biankuang(){ $('.biankuang_1').stop(true).animate({ height:'305px' },300) $('.biankuang_2').stop(true).delay(300).animate({ width:'360px' },300) $('.biankuang_3').stop(true).animate({ height:'305px' },300) $('.biankuang_4').stop(true).delay(300).animate({ width:'360px' },300) } // 边框效果--移出 function biankuang1(){ $('.biankuang_1').stop(true).delay(100).animate({ height:'0px' },100) $('.biankuang_2').stop(true).animate({ width:'0px' },100) $('.biankuang_3').stop(true).delay(100).animate({ height:'0px' },100) $('.biankuang_4').stop(true).animate({ width:'0px' },100) } // 触发 $('.cn_gobuy').hover( function () { $('.text_gobuy').addClass('text_gobuy_show'); $('.search_y').animate({left:'150',opacity:1},300); biankuang(); }, function () { $('.text_gobuy').removeClass('text_gobuy_show'); $('.search_y').animate({left:'100',opacity:0},300); biankuang1(); } ); }) [removed] jQuery鼠标悬停图片边框动画特效是一款鼠标移动商品图片的时候动画显示红色边框的动画代码。


【文件预览】:
jQuery鼠标悬停图片边框动画特效
----php中文网下载站.url(114B)
----images()
--------2-328x300.jpg(12KB)
--------buynow.jpg(5KB)
--------Thumbs.db(9KB)
--------search_y.png(2KB)
----index.html(5KB)
----js()
--------jquery.min.js(83KB)
----QQ截图20180120141016.png(44KB)
----php中文网免费下载站.txt(219B)

网友评论