网络编程 
首页 > 网络编程 > 浏览文章

jQuery实例—选项卡的简单实现(js源码和jQuery)

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )

分别利用javascript的源码和jQuery来实现一个简单的选项卡,对比各自的步骤。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实例—选项卡的简单实现(js源码和jQuery) </title>
<style>
div{
  display:none;
  width:50px;
  height:50px;
  border:1px solid red;
  }
.active{
  display:block;
  }
.back{
  background:red;
  }
</style>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.12.3.min.js">

jQuery实例—选项卡的简单实现(js源码和jQuery)

以上这篇jQuery实例—选项卡的简单实现(js源码和jQuery) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:Javascript基础_嵌入图像的简单实现
下一篇:浅析JS获取url中的参数实例代码
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap