2. 程式人生 > >H5基礎知識第十四課時(用JQuery實現滑鼠懸浮時改變樣式)

H5基礎知識第十四課時(用JQuery實現滑鼠懸浮時改變樣式)

阿新 • • 發佈：2019-01-18
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滑鼠懸浮時改變樣式</title> <style> #div1{ width: 300px; height: 500px; display: flex; justify-content: center; color: white
; } .a{ width: 100px; height: 40px; background-color: #cccccc; border: 1px solid #cccccc; margin: 1px; border-radius: 25px 25px 0px 0px; line-height: 40px; text-align: center; } </
style> </head> <body> <div id="div1"> <div class="a">左側DIV</div> <div class="a">中間DIV</div> <div class="a">右側DIV</div> </div> </body> <script src="../../js/jquery-3.1.1.min.js"></script> <script> $("#div1 div
:first-child").mouseover(function () { $(this).css("background-color","red"); }).mouseout(function () { $(this).css("background-color","#cccccc"); }) $(" div + div").mouseover(function () { $(this).css("background-color","red"); }).mouseout(function () { $(this).css("background-color","#cccccc"); }) $("#div1 div:last-child").mouseover(function () { $(this).css("background-color","red"); }).mouseout(function () { $(this).css("background-color","#cccccc"); }) </script> </html>

相關推薦

H5基礎知識第十四課時(用JQuery實現滑鼠懸浮時改變樣式)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滑鼠懸浮時改變樣式</title> <style>

H5基礎知識第十課時(Window物件常用的屬性)

（1）screen：有關客戶端的品目和顯示效能的資訊          height：螢幕的高度          width：螢幕寬度          availHeight：螢幕可用高度          availWidth：螢幕可用寬度 (2)history：有關客戶訪問過的URL的資訊    le

H5基礎知識第八課時（JS運算子和計算水仙花數）

1.運算子 算數運算子 +、-、*、/、%、++、-- 賦值運算子 = += -= *= /= %= 關係運算符 ==、！=、>、<、>=、<= 條件運算子 a>b?true:false 位運算子、邏輯運算子 &、|、~、&&、||、！ 位移運算子 <

H5基礎知識第九課時(JS運算子)

1.逗號運算子和逗號表示式  表示式1,表示式2,表示式3,...  逗號表示式都是由逗號運算子組合而成  逗號表示式最終的值是最後一個表示式的值   2.位運算子 //按位與：兩個運算元都是1，結果才為1var a=10;var b=0;                

c#基礎知識第十一節

var part 包括 introduce new 構造 bsp private 根據 析構方法 和構造方法相反。 class person { public string Name { get;

python學習之第十四課時--基本數據練習

名稱 pri 提示 大於 不足 goods 賬戶 bsp money 購物車 功能要求： 要求用戶輸入總資產，例如：5000 顯示商品列表，讓用戶根據序號選擇商品，加入購物車 購買，如果商品總額大於總資產，提示賬戶余額不足，否則，購買成功。 附加：可充值

C++的基礎知識（十四）--變數的作用域與生命週期

生命週期 變數的生命週期指可以使用變數儲存位置的時間範圍 變數的儲存位置在程式執行期間不停地被建立又不停被回收 根據生命週期也可以把變數分為全域性，區域性和塊 全域性變數的生命週期是整個程式執行期間 區域性變數的生命週期是函式呼叫期間 塊變數的生命週期

Linux-基礎知識-第四天

linux基礎知識一、權限管理文件的權限主要針對三類對象進行定義：owner: 屬主, ugroup: 屬組, gother: 其他, o每個文件針對每類訪問者都定義了三種權限：r: Readablew: Writablex: eXcutable文件：r: 可使用文件查看類工具獲取其內容；w: 可修改其內容；

linux基礎知識-第四天

linux基礎知識Linux文件系統上的特殊權限SUID, SGID, Sticky權限r, w, xuser, group, other安全上下文前提：進程有屬主和屬組；文件有屬主和屬組；(1) 任何一個可執行程序文件能不能啟動為進程：取決發起者對程序文件是否擁有執行權限；(2) 啟動為進程之後，其進程的屬

linux-第十二課時筆記-[FTP服務器搭建]-[虛擬用戶FTP]-[03]

vim 服務 name -s 2-2 span 筆記 驗證 acc FTP虛擬用戶服務器搭建： 創捷一個賬號列表： 　　　　[[email protected] vsftpd]# echo -e "msl23\n123\nbenet\n123" >>

HTML學習筆記 cs2D3D展示基礎 第十四節 （原創） 參考使用表

safari 學習筆記 ans com div2 s2d spa har tex <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

Go語言【第十四篇】：Go語言基礎總結

cal pro 結果 第十四 深入 得到 divider math XP Go語言類型轉換 類型轉換用於將一種數據類型的變量轉換為另外一種類型的變量，Go語言類型轉換基本格式如下： type_name(expression) type_name為類型，expression為

java基礎 第十四章（Servlet聲明周期、Servlet向jsp中提供數據、Servlet跳轉jsp、jsp中書寫java代碼）

表達式 hello java代碼 cati 地址 生命周期 tdi getattr cat 一、Servlet聲明周期 1.Servlet的聲明周期一般分為四步：加載、實例化、服務、銷毀。 2.實例化在整個生命周期中只執行一次。 二、jsp 1.Se

Java基礎知識--第四篇

一、Java的三大特性：封裝、繼承、多型  二、 封裝：是指隱藏物件的屬性和實現細節，僅對外提供公共訪問方式。     優點 A:提高了程式碼的複用性、提高安全性。 將不需要對外提供的內容都隱藏起來。    做法：

第十四章 LINUX新安全FIREWALLD-CENTOS7.5知識

一、FIRWALLDFilewalld（動態防火牆）作為redhat7系統中變更對於netfilter核心模組的管理工具；iptables service 管理防火牆規則的模式（靜態）：使用者將新的防火牆規則新增進 /etc/sysconfig/iptables 配置檔案當中，再執行命令 /etc/init.

threejs第十四用 FirstPersonControls

初始化一個相機 再初始化一個控制器 在requestanimate裡面update就可以了 var c = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);

python基礎知識第四篇(元組)

元組 list列表 li[11,22,33,44]列表和元組的區別：元素不可被修改，不可被增加或者刪除（一級元素），列表則相反 tuple元組 tu=(111,222,333,444) 支援索引取值 支援切片取值 可以for迴圈 字串，列表，元組可以相互轉換 元組的一級元素不可修改或者刪除或者增加，但

第十四單元 Linux網路原理及基礎設定

  使用ifconfig命令來維護網路 ifconfig命令的功能 ifconfig命令的用法舉例 使用ifup和ifdown命令啟動和停止網絡卡 ifup命令的功能 ifdown命令的功能 ifup命令的用法舉例 ifdown命令的用法舉例 網路配置檔案 網絡卡對應的網路配置檔案 什麼是網路配置

Linux基礎知識第四講,檔案內容命令

目錄 一丶常用命令 1.cat命令演示以及常用選項 2.grep 搜尋命令的使用 3.echo 以及 重定向的使用 4.管道概念 一丶常用命令 序號 命令 對應英文 作用

javaweb基礎第十四課：ServletConfig介面

  這節課我們來講ServletConfig介面     在講ServletConfig之前我們先來說下Servlet，來看看HttpServlet類 public abstract class HttpServlet extends GenericServ