如何在基於網絡的考試中添加標誌？

我想添加一個簡單的標誌基於Web的考試我的工作（標記當E.I.透明標誌更改爲紅色），點擊時會改變其顏色。有人可以幫忙或給我一個腳本。如何在基於網絡的考試中添加標誌？

2011-07-26 Wycks

最簡單的方法是使用兩個圖像。點擊時，您會隱藏一張圖片並顯示另一張圖片。在這裏工作演示：http://jsfiddle.net/jfriend00/yzYJ3/

HTML：

<div id="container"> 
<img src="http://photos.smugmug.com/photos/344287800_YL8Ha-Ti.jpg"> 
<img src="http://photos.smugmug.com/photos/344284440_68L2K-Ti.jpg" style="display: none;"> 
</div>

CSS：

#container {position: relative; height: 66px; width: 100px;} 
#container img {position: absolute; top:0; left:0}

JS（jQuery的）：

var flagged = false; 
$("#container").click(function() { 
    $(this).find("img").toggle(); 
    flagged = !flagged; 
});

來源

2011-07-26 02:45:17 jfriend00

布萊恩嗨，感謝您的回答，但你可以幫助我在這個腳本？ – Wycks

哦對不起，我在這個網站上是新的......我以爲你是「布賴恩」...... jfriend00，你能幫我一把嗎？ – Wycks

@Wycks - 我添加了一個代碼示例我的回答與http://jsfiddle.net/jfriend00/yzYJ3/ – jfriend00

有一個透明標誌的圖片和標記標誌並排在一張照片中（例如，{0，0}處的透明邊框和{0,22}中值處的紅色邊框GA的22×22像素的大小），並用JavaScript和CSS它們之間進行切換：

（在CSS文件）

.flag { 
    background-image: url('flag.png'); 
    display: inline-block; 
    height: 22px; 
    width: 22px; 
} 

.flag.active { 
    background-position: 0 22px; 
}

（在JavaScript文件）

function toggleFlag(flag) { 
    if(/\bactive\b/.test(flag.className)) { 
     flag.className = flag.className.replace(/(^|\s)active(\s|$)/g, ""); 
    } else { 
     flag.className = flag.className ? flag.className + ' active' : 'active'; 
    } 
}

就叫toggleFlag與應該切換標誌。

來源

2011-07-26 02:48:30 Ryan

哇，這是快... TNX很多MiniTech移動... – Wycks

MiniTech移動，我應該在哪裏插入標誌在JavaScript？（EI FLAG1和FLAG2）......很抱歉，我現在在編程區還挺新 – Wycks

你不應該在正則表達式中使用\ b（word break），因爲它會匹配類名中允許的' - '字符。使用（^ | \ s}作爲開始和（\ 。S | $）的結束或者寫一個小* hasClass *功能 – RobG

你看着jQuery和例子在jQueryUI的 - http://jqueryui.com/

來源

2011-07-26 02:48:43

我不確定OP是否需要4,000行s cript庫支持jQuery解決方案，只需要4行代碼。 – RobG

如何在基於網絡的考試中添加標誌？

回答

相關問題