js實現tab切換

来源:http://www.cnblogs.com/dixinyunpan/archive/2016/08/03/5734007.html
-Advertisement-
Play Games

$(function(){ $("#userCenterProject").addClass("cur"); $(".hd ul li").click(function(){ var index=$(this).index(); $(this).addClass("on").siblings().r ...


 

 

$(function(){

$("#userCenterProject").addClass("cur");

$(".hd ul li").click(function(){
var index=$(this).index();
$(this).addClass("on").siblings().removeClass("on");
$(".about-nav-pro .bd").eq(index).css("display","block").siblings(".bd").css("display","none")
})
})

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • xshell 通過ssh連接 ubuntu15_x64
    參考： http://www.cnblogs.com/wuyuegb2312/archive/2013/03/28/2986963.html 中文亂碼在客戶端xshell解決：http://jingyan.baidu.com/article/3ea51489eca4b452e61bbaca.html... ...
  • ubuntu15.10_x64 安裝 nginx
    瀏覽器到 http://nginx.org/en/download.html 下載 stable version的nginx 如nginx-1.10.1.tar.gz，這是一個nginx源碼包，需要經過編譯和安裝才能使用。 解壓命令: tar –zxvf nginx-1.10.1.tar.gz cd... ...
  • 怎麼使用原生代碼寫一個返回頂部的 效果
    1. 實現思路 首先在實現這個效果之前 先來描述一下這個效果 A) 返回頂部的按鈕 一般會在屏幕的第二屏才會出現。 所以我們需要來判斷是否到達第二屏。 B) 其次 滑鼠移動上去會顯示返回頂部的字樣 C) 點擊 返回按鈕之後 會以慢慢返回上面 不會勻速 2. HTML 和 CSS 首先 div 表示中 ...
  • JavaScript中的普通函數與構造函數比較
    問題 什麼是構造函數？構造函數與普通函數區別是什麼？用new關鍵字的時候到底做了什麼？構造函數有返回值怎麼辦？構造函數能當普通函數調用嗎？ thisthis永遠指向當前正在被執行的函數或方法的owner。例如： 1 2 3 4 5 function test(){ console.log(this) ...
  • js中子頁面父頁面方法 變數相互調用
    （1）子頁面調用父頁面的方法或者變數： window.parent.方法()或者變數名window.parent相當於定位到父頁面 之後的操作和在父頁面中寫代碼一樣寫 （2）父頁面調取子頁面 主要是通過contentWindow定位到子頁面 ...
  • winow.open打開視窗被攔截的解決方法
    自己遇到的使用window.open打開新視窗被攔截的幾種情況（使用的chrome瀏覽器，其他瀏覽器未測）： 第一次：window.open("www.baidu.com"),打開了新視窗，但是頁面並沒有載入出來，需要回車才能出來 解決方法：頁面地址需要加上協議名稱http://或者https:// ...
  • 原型鏈相關介紹
    1. Object.createde 方法 是ES5中引入的方法，語法： 功能：實現繼承，創建一個 原型繼承 自參數對象，但是缺點是，不能實現復用 例如： 2. 對象的原型鏈 凡是對象就有原型，那麼原型又是對象，因此凡是定義一個對象，那麼就可以找到他的原型，原型還有原型， 那麼如此下去，就構成一個對 ...
  • CSS之後代選擇器與多類選擇器
    <新人報到，歡迎拍磚#- -> 一、後代選擇器 說起CSS的後代選擇器。它屬於派生選擇器中的一種，兩者附屬關係如下： -->派生選擇器 CSS 後代選擇器 CSS 子元素選擇器 CSS 相鄰兄弟選擇器 那麼問題來了，什麼時候需要用到後代選擇器嘞？假設你需要為p元素中的span元素（.A類）設置特殊樣 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類