jQuery 鼠标滑动显示隐藏友情链接 - litk 和 flink_text 实现
<div class="litk"><p>友情链接▼</p><div class="flink_text"><a href="http://www.baidu.com" target="_blank">百度</a><a href="http://www.qq.com" target="_blank">腾讯</a><a href="http://www.sina.com.cn" target="_blank">新浪</a><a href="http://www.taobao.com" target="_blank">淘宝</a><a href="http://www.weibo.com" target="_blank">微博</a></div></div> jquery 鼠标滑动 litk flink_text 显示和隐藏内容:可以使用以下 jQuery 代码来实现鼠标滑动时显示和隐藏 flink_text: javascript$(document).ready(function() { $('.litk').hover(function() { $(this).find('.flink_text').slideDown(); }, function() { $(this).find('.flink_text').slideUp(); });});
这段代码会在文档加载完成后执行,当鼠标滑过 .litk 元素时,会找到对应的 .flink_text 元素并向下展开(slideDown),当鼠标离开 .litk 元素时,会向上收起(slideUp).flink_text 元素。
原文地址: https://www.cveoy.top/t/topic/qFaK 著作权归作者所有。请勿转载和采集!