Jquery的Tabs内容轮换效果实现代码,几行搞定_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:19:27
Jquery的Tabs内容轮换效果实现代码,几行搞定_jquery
Jquery的Tabs内容轮换效果实现代码,几行搞定_jquery: 代码如下: Jquery的Tabs内容轮换效果实现代码,几行搞定 * { margin:0; padding:0;} body { font:12px Verdana, Geneva, sans-serif; color:#404040;} .tabs { margin:10px 0 0 20px; width:360
导读Jquery的Tabs内容轮换效果实现代码,几行搞定_jquery: 代码如下: Jquery的Tabs内容轮换效果实现代码,几行搞定 * { margin:0; padding:0;} body { font:12px Verdana, Geneva, sans-serif; color:#404040;} .tabs { margin:10px 0 0 20px; width:360

代码如下:
Jquery的Tabs内容轮换效果实现代码,几行搞定 script>
$(document).ready(function () {
$('.tabs span').mouseover(function () {
//div隐藏
$('.tabs div').hide();
//查找.tabs span同辈元素span 后面紧邻的同辈元素div显示
$(this).siblings('span').removeClass('active').end().addClass('active').next('div').show();
});
});
script>
热点新闻
news
娱乐新闻
enteriment
就业形势
jobs
Jquery的Tabs内容轮换效果实现代码,几行搞定_jquery
Jquery的Tabs内容轮换效果实现代码,几行搞定_jquery: 代码如下: Jquery的Tabs内容轮换效果实现代码,几行搞定 * { margin:0; padding:0;} body { font:12px Verdana, Geneva, sans-serif; color:#404040;} .tabs { margin:10px 0 0 20px; width:360