jQuery插件zepto.js简单实现tab切换
作者:bea
老规矩,先贴代码 <script> $(function(){ window.onload = function() { var $li = $('.taocan-title li'); var $ul = $('.taocan-content .con110'); $li.mouseover(function(){ var $this = $(this); var
老规矩,先贴代码
<script>
$(function(){
window.onload = function()
{
var $li = $('.taocan-title li');
var $ul = $('.taocan-content .con110');
$li.mouseover(function(){
var $this = $(this);
var $t = $this.index();
$li.removeClass();
$this.addClass('active');
$ul.css('display','none');
$ul.eq($t).css('display','block');
})
}
});
</script>
以上所述就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
<script>
$(function(){
window.onload = function()
{
var $li = $('.taocan-title li');
var $ul = $('.taocan-content .con110');
$li.mouseover(function(){
var $this = $(this);
var $t = $this.index();
$li.removeClass();
$this.addClass('active');
$ul.css('display','none');
$ul.eq($t).css('display','block');
})
}
});
</script>
以上所述就是本文的全部内容了,希望大家能够喜欢。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 在AngularJS中使用AJAX的方法
- 使用AngularJS来实现HTML页面嵌套的方法
- AngularJS的表单使用详解
- 举例讲解AngularJS中的模块
- 简介AngularJS的HTML DOM支持情况
- 在Ubuntu系统上安装Ghost博客平台的教程
- JavaScript AOP编程实例
- js+HTML5基于过滤器从摄像头中捕获视频的方法
- 动态加载jQuery的方法
- 详解AngularJS中的表格使用
- js+HTML5实现视频截图的方法
- AngularJS中的过滤器使用详解
- 简述AngularJS的控制器的使用
- 详解AngularJS中的表达式使用
- 整理AngularJS中的一些常用指令
- 创建你的第一个AngularJS应用的方法
- 详解JavaScript中的表单验证
- 详解JavaScript中的异常处理方法
- 详解JavaScript对W3C DOM模版的支持情况