【文件属性】:
文件名称: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)