jquery實現點選按鈕變換背景顏色

阿新 • • 發佈：2019-01-13

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="../js/jquery-1.11.2.min.js"></script>
</head> 

<script type="text/javascript">
    $(function(){
        $("#nav li").click(function(){
            $("#nav li").eq($(this).index()).addClass("navdown").siblings().removeClass("navdown");
        })
    })
</script>
<style>
    a{text-decoration:none; color:#666666;}
    #nav ul{ list-style 
:none; float:left; text-align:right; margin-top: 18px; line-height: 42px; margin-left: -2px;}
    #nav ul li{ font-family:"微軟雅黑","宋體"; font-size:14px; font-style:normal; font-weight:bold; letter-spacing:4px;}
    #nav ul li a:hover{ color:#666666;border:1px solid #F00;}
    .navdown a{color:#ff0000; border 
:1px solid #F00;}
</style>
<body>
<div id="nav">
    <ul>
        <li class="navdown"><a href="#"><span>網站首頁</span></a></li>
        <li><a href="#"><span>關於我們</span></a></li>
        <li><a href="#"><span>新聞資訊</span></a></li>
        <li><a href="#"><span>產品展示</span></a></li>
        <li><a href="#"><span>客戶案列</span></a></li>
        <li><a href="#"><span>聯絡我們</span></a></li>
    </ul>
</div>
</body>
</html>

jquery實現點選按鈕變換背景顏色

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

jquery實現點選按鈕返回到頁面頂部效果

有的時候我們需要實現點選按鈕回到頁面頂部的效果，下面就是我的實現首先HTML程式碼如下 <div class="QZ-up" style="display: none;"></div> 當滾動條高度大於120px的時候出現按鈕如下

點選按鈕修改背景顏色及節點操作隔行變色案例

<input type="button" value="點選設定" id="dtn"/><div id="dd"> <span>這是一個span</span> <p>這是一個p</p> <span>這是一個s

用JQuery實現點選按鈕來顯示/隱藏某個div

剛開始我還在判斷div的display屬性是不是等於"none"，來選擇是show()還是hide()，現在才想起來直接用toggle()方法就可以了嘛，真的是太方便了使用jQuery的時候，千萬不

jquery實現點選按鈕左右移動的選單

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

jquery實現點選按鈕新增一行

<td colspan=7 id="show_stock"><table class="form " cellpadding=0 cellspacing=0 > <tr><td colspan=7 id=""><

問題8：手機端實現點擊按鈕時更換顏色（解決IOS不顯示背景）

asc style cti focus 作用 cit art OS div CSS: .sval:active, .sval:focus{ background: #999;color:#fff;opacity：50; } 在觸屏上，:hover和:acti

音樂網站開發：實現點選按鈕切換頁面背景圖的功能

最近這一星期在做一個簡單小型的音樂播放器網站，目前各種功能基本都已經實現，包括切換上一曲下一曲，播放與暫停，隨機播放單曲迴圈順序播放模式切換，一首播放完畢自動按模式切換至下一曲，載入單句歌詞及所有歌詞等功能。另外就是本篇部落格要介紹的功能了，點

js或jquery實現點選某個按鈕或元素顯示div,點選頁面其他任何地方隱藏div

點選某個元素顯示div,點選頁面其他任何地方隱藏div，可用javascript和jquery兩種方法實現：一：javascript實現方法技巧 <script> //定義stopPropagation 方法的使用，該方法將停止事件的傳播，阻止它被分派到其他 Document 節點。

JQuery實現點擊按鈕切換圖片(附源碼)--JQuery基礎

代碼 clas title n-1 ttr 追加 doctype ctype 疑問 JQuery實現切換圖片相對比較簡單，直接貼代碼了哈，有註釋噢！疑問請追加評論哈，不足之處還請大佬們指出！ 1、案例代碼： demo.html： <!DOCTYPE html&g

JS實現點選按鈕，下載檔案

今天在實現下載功能時，後臺介面測試完成後，前臺在呼叫時發現，因為系統是基於token的，又不想把token顯示在url中，後來找到了一篇文章，講解了如何通過構造form表單提交請求後端介面，實現檔案下載，原文地址：https://www.cnblogs.com/hamsterPP/p/6763458.html

jQuery實現點選div外的區域，來隱藏指定節點

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/

js實現點選按鈕下載檔案並儲存

首先，感謝https://www.cnblogs.com/hamsterPP/p/6763458.html分享。 1、初衷：最近做黑盒性功能測試，被測試系統在本人的電腦上無法通過chrome、IE瀏覽器下載檔案，而開發人員卻說他的瀏覽器可以。 2、自己試著去了解下載功能的實現：（1）從

js 實現點選按鈕複製文字

一、使用js實現瀏覽器提供了 copy 命令，可以複製選中的內容 document.execCommand("copy") 如果是輸入框，可以通過 select() 方法，選中輸入框的文字，然後呼叫 copy 命令，將文字複製到剪下板但是 select

Android Stdio實現點選按鈕出現圖片

<TextView android:id="@+id/textView" android:layout_width="wrap_content"

JS實現點選按鈕移動選取元素

方法一 appendChild()子元素事件不會丟失，removeChild()清除子元素不會造成記憶體洩漏方法二 innerHTML，如果子元素有事件，移動後，元素事件會丟失 all.innerHTML = “”; 清空子元素時，如果子元素有事件，會發生記憶

Vue中配合clipboard.js實現點選按鈕複製內容到剪下板

需求設定點選某個按鈕，將設定的目標內容(例如下載連結地址)複製到剪下板，可以在電腦上任何地方貼上不使用任何框架和使用Flash，以最小的程式碼實現該功能，並能相容所有主流瀏覽器外掛選擇 clipboard.js: * `NPM方式`：`np

個人js學習細節- 實現點選按鈕複製文字框中文字到剪下板中的方法

主要程式碼： <textarea name="text" id="text" cols="30" rows="10"></textarea> <button onclick="myCopy()">點選複製文字框內的內容</button><br

使用:target實現點選按鈕切換圖片的功能（純CSS）

今天使用CSS中的:target選擇器來實現點選按鈕切換相對應的圖片的demo，此demo也可以使用JS來實現。 demo的結構： <a href="#img1">img

點選修改元素背景顏色

jquery實現點選按鈕變換背景顏色

相關推薦