JavaScript if判斷切換圖片

阿新 • • 發佈：2018-12-27

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文件</title>

</head>

<body>

<img id="img1" src="img/2.jpg" width="200" />

<script>
var oImg = document.getElementById('img1');
var onOff = true;		// 布林值：true 1  false 0

oImg.onclick = function (){
	// if( oImg.src == 'img/2.jpg' ){
	// 有條件，就用現成的，如果沒有，創造條件也得做事
		
	if( onOff ){
		oImg.src = 'img/4.jpg';
		onOff = false;
	} else {
		oImg.src = 'img/2.jpg';
		onOff = true;
	}
};

</script>

</body>
</html>

JavaScript if判斷切換圖片

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文件</title

JavaScript if判斷

JavaScript選擇結構（分支結構、條件結構）： 1、單路分支：條件可以是表示式也可以是任何的資料型別。大括號會把它裡面的程式碼當作一個整體來執行，如果只有一條語句，可以省略大括號。 if(條件){ 　　條件成立執行的語句　　　} 2.雙路分支： if

JavaScript之陣列切換圖片

程式碼示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>陣列切換圖片</title> <sty

JavaScript複雜判斷(if else / switch)的更優雅寫法優化冗餘

前提我們編寫js程式碼時經常遇到複雜邏輯判斷的情況，通常大家可以用if/else或者switch來實現多個條件判斷，但這樣會有個問題，隨著邏輯複雜度的增加，程式碼中的if/else/switch會變得越來越臃腫，越來越看不懂，那麼如何更優雅的寫判斷邏輯，本文帶你試一下。

javascript 實現圖片2秒自動切換滑鼠懸浮切換圖片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片2s自動切換</title> <

JavaScript js if判斷 switch判斷

方法一：if判斷語法： if (條件) { 只有當條件為 true 時執行的程式碼 } if (條件) { 當條件為 true 時執行的程式碼 } else { 當條件不為 true 時執行的程式碼 } //1、if方法

JavaScript之數組切換圖片

初始 pre 代碼示例 tel back 技術分享負數 ati title 代碼示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

【JavaScript】js可以直接使用的滑鼠經過切換圖片

js實現簡單的滑鼠經過切換圖片，滑鼠移出圖片還原。程式碼如下 <!DOCTYPE html> <html lang="en"> <head> <m

JavaScript中對非Boolean型變數進行if判斷

剛進入企業實習，看別人寫的JavaScript程式碼，發現有很多地方放會直接將一個非Boolean型的變數進行if判斷，因為以前在Java中沒有接觸過此類程式碼，所以看得一頭霧水。在經過一段時間的學習

JavaScript實現簡單的圖片輪播（通過點選左右焦點切換）

最終實現效果圖程式碼塊 <!DOCTYPE html> <html lang="en"> <head> <meta charset

js的判斷以及圖片的點選切換效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js的簡單練習</title> &

利用JAVASCRIPT實現幾張圖片的切換

放入head中： PS：修改相應類似的程式碼，即圖片地址和相應連結。 bannerAD[0]="001.JPG"; bannerADlink[0]="#"; <script language=JavaScript> <!-- // BannerAD

用JavaScript實現點選迴圈切換圖片

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>單擊迴圈切換圖片</title><script>var i = 1;func

javascript將html轉為圖片保存。

canvas () color can 實現 data url pan his js將html轉為圖片主要是通過html2canvas這個插件去操作的。具體實現如下： html部分：  <div id="cont

JavaScript中判斷鼠標按鍵(event.button)

false java turn style .com col ref blog num <div id="test"></div> <script> document.oncontextmenu=function(){

C# 淺談 if判斷

else if mic 要求用戶輸入 if判斷 span 常用 switch 數字目前學習了C#中很多語句： if判斷 switch選擇 while循環 do while循環 for循環 foreach循環它們是C#中經常用到的一些語句。 if判斷：

JavaScript if(x)，==和===解析(翻譯整理)

ise work word any abc exp string ota always 一、if()中的布爾判斷 if ( Expression ) 表達式會通過ES5定義的ToBoolean方法強制把Expression 轉換成布爾值。數據類型轉換結果 Un

if判斷和switch選擇

console 分享說明 logs 知識 else if def put 技術分享　　在C#中，if判斷語句相信是最基礎最普遍的一個語法了，在這裏簡單記錄一下if判斷語句和switch選擇之間的某些關聯。　　if判斷語句的代碼格式：其中的條件1和條件2，均為boll

使用UIScrollView和UIPageControl做一個能夠用手勢來切換圖片的效果

file ide ole sed 圖片 self. ech wsh object 利用UIScrollView的滾動效果來實現，先上圖: 實現過程是：在viewController裏先增加UIScrollView和UIPageControl: -(void)

js基礎第二天（if判斷語句）

執行部分 nbsp -s cnblogs 簡單 ges logs mat if是js比較重要的部分，內容比較簡單，單是在工作中是用的最多的。今天已經把表單的部分補齊了。 If...else 條件判斷 if(條件表達式)｛如果條件是true，執行該處代

JavaScript if判斷切換圖片

相關推薦